#1f2c97 hex color

In a RGB color space, hex #1f2c97 is composed of 12.2% red, 17.3% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 70.9% magenta, 0% yellow and 40.8% black. It has a hue angle of 233.5 degrees, a saturation of 65.9% and a lightness of 35.7%. #1f2c97 color hex could be obtained by blending #3e58ff with #00002f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 12
- G 17
- B 59
RGB color chart
- C 79
- M 71
- Y 0
- K 41
CMYK color chart

● #1f2c97 color description : Dark blue.

The hexadecimal color #1f2c97 has RGB values of R:31, G:44, B:151 and CMYK values of C:0.79, M:0.71, Y:0, K:0.41. Its decimal value is 2043031.

Hex triplet	1f2c97	`#1f2c97`
RGB Decimal	31, 44, 151	`rgb(31,44,151)`
RGB Percent	12.2, 17.3, 59.2	`rgb(12.2%,17.3%,59.2%)`
CMYK	79, 71, 0, 41
HSL	233.5°, 65.9, 35.7	`hsl(233.5,65.9%,35.7%)`
HSV (or HSB)	233.5°, 79.5, 59.2
Web Safe	333399	`#333399`

CIE-LAB	24.723, 34.557, -59.553
XYZ	7.051, 4.327, 29.74
xyY	0.171, 0.105, 4.327
CIE-LCH	24.723, 68.853, 300.125
CIE-LUV	24.723, -7.345, -72.871
Hunter-Lab	20.8, 24.104, -70.211
Binary	00011111, 00101100, 10010111

#1f2c97
```
#1f2c97 rgb(31,44,151)
```
#978a1f
```
#978a1f rgb(151,138,31)
```

Complementary Color

#1f6897
```
#1f6897 rgb(31,104,151)
```
#1f2c97
```
#1f2c97 rgb(31,44,151)
```
#4e1f97
```
#4e1f97 rgb(78,31,151)
```

Analogous Color

#68971f
```
#68971f rgb(104,151,31)
```
#1f2c97
```
#1f2c97 rgb(31,44,151)
```
#974e1f
```
#974e1f rgb(151,78,31)
```

Split Complementary Color

#2c971f
```
#2c971f rgb(44,151,31)
```
#1f2c97
```
#1f2c97 rgb(31,44,151)
```
#971f2c
```
#971f2c rgb(151,31,44)
```

Triadic Color

#1f978a
```
#1f978a rgb(31,151,138)
```
#1f2c97
```
#1f2c97 rgb(31,44,151)
```
#971f2c
```
#971f2c rgb(151,31,44)
```
#978a1f
```
#978a1f rgb(151,138,31)
```

Tetradic Color

#121a58
```
#121a58 rgb(18,26,88)
```
#16206d
```
#16206d rgb(22,32,109)
```
#1b2682
```
#1b2682 rgb(27,38,130)
```
#1f2c97
```
#1f2c97 rgb(31,44,151)
```
#2332ac
```
#2332ac rgb(35,50,172)
```
#2838c1
```
#2838c1 rgb(40,56,193)
```
#2e40d4
```
#2e40d4 rgb(46,64,212)
```

Monochromatic Color

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

#1f4a97
```
#1f4a97 rgb(31,74,151)
```
#1f4097
```
#1f4097 rgb(31,64,151)
```
#1f3697
```
#1f3697 rgb(31,54,151)
```
#1f2c97
```
#1f2c97 rgb(31,44,151)
```
#1f2297
```
#1f2297 rgb(31,34,151)
```
#261f97
```
#261f97 rgb(38,31,151)
```
#301f97
```
#301f97 rgb(48,31,151)
```

Similar Colors

Text with hexadecimal color #1f2c97

This text has a font color of #1f2c97.

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

#1f2c97 background color

This paragraph has a background color of #1f2c97.

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

#1f2c97 border color

This element has a border color of #1f2c97.

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

CSS codes

.text {color:#1f2c97;}

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

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

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, #010105 is the darkest color, while #f3f4fd is the lightest one.

#010105
```
#010105 rgb(1,1,5)
```
#040615
```
#040615 rgb(4,6,21)
```
#080b25
```
#080b25 rgb(8,11,37)
```
#0b1035
```
#0b1035 rgb(11,16,53)
```
#0e1446
```
#0e1446 rgb(14,20,70)
```
#121956
```
#121956 rgb(18,25,86)
```
#151e66
```
#151e66 rgb(21,30,102)
```
#182376
```
#182376 rgb(24,35,118)
```
#1c2787
```
#1c2787 rgb(28,39,135)
```
#1f2c97
```
#1f2c97 rgb(31,44,151)
```
#2231a7
```
#2231a7 rgb(34,49,167)
```
#2635b8
```
#2635b8 rgb(38,53,184)
```
#293ac8
```
#293ac8 rgb(41,58,200)
```

Shade Color Variation

#3042d4
```
#3042d4 rgb(48,66,212)
```
#4051d8
```
#4051d8 rgb(64,81,216)
```
#5160db
```
#5160db rgb(81,96,219)
```
#616edf
```
#616edf rgb(97,110,223)
```
#717de2
```
#717de2 rgb(113,125,226)
```
#818ce5
```
#818ce5 rgb(129,140,229)
```
#929be9
```
#929be9 rgb(146,155,233)
```
#a2aaec
```
#a2aaec rgb(162,170,236)
```
#b2b9ef
```
#b2b9ef rgb(178,185,239)
```
#c2c8f3
```
#c2c8f3 rgb(194,200,243)
```
#d3d7f6
```
#d3d7f6 rgb(211,215,246)
```
#e3e5f9
```
#e3e5f9 rgb(227,229,249)
```
#f3f4fd
```
#f3f4fd rgb(243,244,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57585f is the less saturated color, while #0316b3 is the most saturated one.

#57585f
```
#57585f rgb(87,88,95)
```
#505266
```
#505266 rgb(80,82,102)
```
#494d6d
```
#494d6d rgb(73,77,109)
```
#424774
```
#424774 rgb(66,71,116)
```
#3b427b
```
#3b427b rgb(59,66,123)
```
#343c82
```
#343c82 rgb(52,60,130)
```
#2d3789
```
#2d3789 rgb(45,55,137)
```
#263190
```
#263190 rgb(38,49,144)
```
#1f2c97
```
#1f2c97 rgb(31,44,151)
```
#18279e
```
#18279e rgb(24,39,158)
```
#1121a5
```
#1121a5 rgb(17,33,165)
```
#0a1cac
```
#0a1cac rgb(10,28,172)
```
#0316b3
```
#0316b3 rgb(3,22,179)
```

Tone Color Variation

Below, you can see how #1f2c97 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

#343434 Achromatopsia 0.005% of the population
#303248 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004282 Protanopia 1% of men
#004671 Deuteranopia 1% of men
#004b4f Tritanopia 0.001% of the population

Trichromacy

#0b3a89 Protanomaly 1% of men, 0.01% of women
#0b3d7e Deuteranomaly 6% of men, 0.4% of women
#0b4069 Tritanomaly 0.01% of the population

#1f2c97 hex color

#1f2c97 Color Information

#1f2c97 Color Conversion

Color Schemes with #1f2c97

Alternatives to #1f2c97

#1f2c97 Preview

Shades and Tints of #1f2c97

Tones of #1f2c97

Color Blindness Simulator