#1f2c62 hex color

In a RGB color space, hex #1f2c62 is composed of 12.2% red, 17.3% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 55.1% magenta, 0% yellow and 61.6% black. It has a hue angle of 228.4 degrees, a saturation of 51.9% and a lightness of 25.3%. #1f2c62 color hex could be obtained by blending #3e58c4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 17
- B 38
RGB color chart
- C 68
- M 55
- Y 0
- K 62
CMYK color chart

● #1f2c62 color description : Very dark blue.

The hexadecimal color #1f2c62 has RGB values of R:31, G:44, B:98 and CMYK values of C:0.68, M:0.55, Y:0, K:0.62. Its decimal value is 2042978.

Hex triplet	1f2c62	`#1f2c62`
RGB Decimal	31, 44, 98	`rgb(31,44,98)`
RGB Percent	12.2, 17.3, 38.4	`rgb(12.2%,17.3%,38.4%)`
CMYK	68, 55, 0, 62
HSL	228.4°, 51.9, 25.3	`hsl(228.4,51.9%,25.3%)`
HSV (or HSB)	228.4°, 68.4, 38.4
Web Safe	333366	`#333366`

CIE-LAB	19.941, 14.079, -33.75
XYZ	3.67, 2.974, 11.935
xyY	0.198, 0.16, 2.974
CIE-LCH	19.941, 36.569, 292.643
CIE-LUV	19.941, -6.032, -38.885
Hunter-Lab	17.246, 7.803, -28.96
Binary	00011111, 00101100, 01100010

#1f2c62
```
#1f2c62 rgb(31,44,98)
```
#62551f
```
#62551f rgb(98,85,31)
```

Complementary Color

#1f4e62
```
#1f4e62 rgb(31,78,98)
```
#1f2c62
```
#1f2c62 rgb(31,44,98)
```
#341f62
```
#341f62 rgb(52,31,98)
```

Analogous Color

#4e621f
```
#4e621f rgb(78,98,31)
```
#1f2c62
```
#1f2c62 rgb(31,44,98)
```
#62341f
```
#62341f rgb(98,52,31)
```

Split Complementary Color

#2c621f
```
#2c621f rgb(44,98,31)
```
#1f2c62
```
#1f2c62 rgb(31,44,98)
```
#621f2c
```
#621f2c rgb(98,31,44)
```

Triadic Color

#1f6255
```
#1f6255 rgb(31,98,85)
```
#1f2c62
```
#1f2c62 rgb(31,44,98)
```
#621f2c
```
#621f2c rgb(98,31,44)
```
#62551f
```
#62551f rgb(98,85,31)
```

Tetradic Color

#0d1228
```
#0d1228 rgb(13,18,40)
```
#131b3b
```
#131b3b rgb(19,27,59)
```
#19234f
```
#19234f rgb(25,35,79)
```
#1f2c62
```
#1f2c62 rgb(31,44,98)
```
#253575
```
#253575 rgb(37,53,117)
```
#2b3d89
```
#2b3d89 rgb(43,61,137)
```
#31469c
```
#31469c rgb(49,70,156)
```

Monochromatic Color

Below, you can see some colors close to #1f2c62. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#1f3d62
```
#1f3d62 rgb(31,61,98)
```
#1f3762
```
#1f3762 rgb(31,55,98)
```
#1f3262
```
#1f3262 rgb(31,50,98)
```
#1f2c62
```
#1f2c62 rgb(31,44,98)
```
#1f2662
```
#1f2662 rgb(31,38,98)
```
#1f2162
```
#1f2162 rgb(31,33,98)
```
#231f62
```
#231f62 rgb(35,31,98)
```

Similar Colors

Text with hexadecimal color #1f2c62

This text has a font color of #1f2c62.

<span style="color:#1f2c62;">Text here</span>

#1f2c62 background color

This paragraph has a background color of #1f2c62.

<p style="background-color:#1f2c62;">Content here</p>

#1f2c62 border color

This element has a border color of #1f2c62.

<div style="border:1px solid #1f2c62;">Content here</div>

CSS codes

.text {color:#1f2c62;}

.background {background-color:#1f2c62;}

.border {border:1px solid #1f2c62;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #030409 is the darkest color, while #f9fafd is the lightest one.

#030409
```
#030409 rgb(3,4,9)
```
#070b17
```
#070b17 rgb(7,11,23)
```
#0c1126
```
#0c1126 rgb(12,17,38)
```
#111835
```
#111835 rgb(17,24,53)
```
#161f44
```
#161f44 rgb(22,31,68)
```
#1a2553
```
#1a2553 rgb(26,37,83)
```
#1f2c62
```
#1f2c62 rgb(31,44,98)
```
#243371
```
#243371 rgb(36,51,113)
```
#283980
```
#283980 rgb(40,57,128)
```
#2d408f
```
#2d408f rgb(45,64,143)
```
#32479e
```
#32479e rgb(50,71,158)
```
#374dad
```
#374dad rgb(55,77,173)
```
#3b54bb
```
#3b54bb rgb(59,84,187)
```

Shade Color Variation

#465ec4
```
#465ec4 rgb(70,94,196)
```
#556bc9
```
#556bc9 rgb(85,107,201)
```
#6478ce
```
#6478ce rgb(100,120,206)
```
#7385d3
```
#7385d3 rgb(115,133,211)
```
#8192d7
```
#8192d7 rgb(129,146,215)
```
#909fdc
```
#909fdc rgb(144,159,220)
```
#9face1
```
#9face1 rgb(159,172,225)
```
#aeb9e5
```
#aeb9e5 rgb(174,185,229)
```
#bdc6ea
```
#bdc6ea rgb(189,198,234)
```
#ccd3ef
```
#ccd3ef rgb(204,211,239)
```
#dbe0f4
```
#dbe0f4 rgb(219,224,244)
```
#eaedf8
```
#eaedf8 rgb(234,237,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3d3e44 is the less saturated color, while #011a80 is the most saturated one.

#3d3e44
```
#3d3e44 rgb(61,62,68)
```
#383b49
```
#383b49 rgb(56,59,73)
```
#33384e
```
#33384e rgb(51,56,78)
```
#2e3553
```
#2e3553 rgb(46,53,83)
```
#293258
```
#293258 rgb(41,50,88)
```
#242f5d
```
#242f5d rgb(36,47,93)
```
#1f2c62
```
#1f2c62 rgb(31,44,98)
```
#1a2967
```
#1a2967 rgb(26,41,103)
```
#15266c
```
#15266c rgb(21,38,108)
```
#102371
```
#102371 rgb(16,35,113)
```
#0b2076
```
#0b2076 rgb(11,32,118)
```
#061d7b
```
#061d7b rgb(6,29,123)
```
#011a80
```
#011a80 rgb(1,26,128)
```

Tone Color Variation

Below, you can see how #1f2c62 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#2e2e2e Achromatopsia 0.005% of the population
#2b2e38 Atypical Achromatopsia 0.001% of the population

Dichromacy

#17396c Protanopia 1% of men
#003c63 Deuteranopia 1% of men
#004045 Tritanopia 0.001% of the population

Trichromacy

#1a3468 Protanomaly 1% of men, 0.01% of women
#0b3662 Deuteranomaly 6% of men, 0.4% of women
#0b394f Tritanomaly 0.01% of the population

#1f2c62 hex color

#1f2c62 Color Information

#1f2c62 Color Conversion

Color Schemes with #1f2c62

Alternatives to #1f2c62

#1f2c62 Preview

Shades and Tints of #1f2c62

Tones of #1f2c62

Color Blindness Simulator