#1f2937 hex color

In a RGB color space, hex #1f2937 is composed of 12.2% red, 16.1% green and 21.6% blue. Whereas in a CMYK color space, it is composed of 43.6% cyan, 25.5% magenta, 0% yellow and 78.4% black. It has a hue angle of 215 degrees, a saturation of 27.9% and a lightness of 16.9%. #1f2937 color hex could be obtained by blending #3e526e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 12
- G 16
- B 22
RGB color chart
- C 44
- M 25
- Y 0
- K 78
CMYK color chart

● #1f2937 color description : Very dark desaturated blue.

The hexadecimal color #1f2937 has RGB values of R:31, G:41, B:55 and CMYK values of C:0.44, M:0.25, Y:0, K:0.78. Its decimal value is 2042167.

Hex triplet	1f2937	`#1f2937`
RGB Decimal	31, 41, 55	`rgb(31,41,55)`
RGB Percent	12.2, 16.1, 21.6	`rgb(12.2%,16.1%,21.6%)`
CMYK	44, 25, 0, 78
HSL	215°, 27.9, 16.9	`hsl(215,27.9%,16.9%)`
HSV (or HSB)	215°, 43.6, 21.6
Web Safe	333333	`#333333`

CIE-LAB	16.27, 0.026, -10.412
XYZ	2.047, 2.153, 3.922
xyY	0.252, 0.265, 2.153
CIE-LCH	16.27, 10.412, 270.142
CIE-LUV	16.27, -4.276, -10.171
Hunter-Lab	14.673, -0.77, -5.576
Binary	00011111, 00101001, 00110111

#1f2937
```
#1f2937 rgb(31,41,55)
```
#372d1f
```
#372d1f rgb(55,45,31)
```

Complementary Color

#1f3537
```
#1f3537 rgb(31,53,55)
```
#1f2937
```
#1f2937 rgb(31,41,55)
```
#211f37
```
#211f37 rgb(33,31,55)
```

Analogous Color

#35371f
```
#35371f rgb(53,55,31)
```
#1f2937
```
#1f2937 rgb(31,41,55)
```
#37211f
```
#37211f rgb(55,33,31)
```

Split Complementary Color

#29371f
```
#29371f rgb(41,55,31)
```
#1f2937
```
#1f2937 rgb(31,41,55)
```
#371f29
```
#371f29 rgb(55,31,41)
```

Triadic Color

#1f372d
```
#1f372d rgb(31,55,45)
```
#1f2937
```
#1f2937 rgb(31,41,55)
```
#371f29
```
#371f29 rgb(55,31,41)
```
#372d1f
```
#372d1f rgb(55,45,31)
```

Tetradic Color

#030506
```
#030506 rgb(3,5,6)
```
#0d1116
```
#0d1116 rgb(13,17,22)
```
#161d27
```
#161d27 rgb(22,29,39)
```
#1f2937
```
#1f2937 rgb(31,41,55)
```
#283547
```
#283547 rgb(40,53,71)
```
#314158
```
#314158 rgb(49,65,88)
```
#3b4d68
```
#3b4d68 rgb(59,77,104)
```

Monochromatic Color

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

#1f2f37
```
#1f2f37 rgb(31,47,55)
```
#1f2d37
```
#1f2d37 rgb(31,45,55)
```
#1f2b37
```
#1f2b37 rgb(31,43,55)
```
#1f2937
```
#1f2937 rgb(31,41,55)
```
#1f2737
```
#1f2737 rgb(31,39,55)
```
#1f2537
```
#1f2537 rgb(31,37,55)
```
#1f2337
```
#1f2337 rgb(31,35,55)
```

Similar Colors

Text with hexadecimal color #1f2937

This text has a font color of #1f2937.

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

#1f2937 background color

This paragraph has a background color of #1f2937.

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

#1f2937 border color

This element has a border color of #1f2937.

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

CSS codes

.text {color:#1f2937;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0a0d11
```
#0a0d11 rgb(10,13,17)
```
#11161e
```
#11161e rgb(17,22,30)
```
#18202a
```
#18202a rgb(24,32,42)
```
#1f2937
```
#1f2937 rgb(31,41,55)
```
#263244
```
#263244 rgb(38,50,68)
```
#2d3c50
```
#2d3c50 rgb(45,60,80)
```
#34455d
```
#34455d rgb(52,69,93)
```
#3b4e69
```
#3b4e69 rgb(59,78,105)
```
#425876
```
#425876 rgb(66,88,118)
```
#496182
```
#496182 rgb(73,97,130)
```
#506a8f
```
#506a8f rgb(80,106,143)
```
#58749b
```
#58749b rgb(88,116,155)
```

Shade Color Variation

#617ea6
```
#617ea6 rgb(97,126,166)
```
#6d88ad
```
#6d88ad rgb(109,136,173)
```
#7a92b4
```
#7a92b4 rgb(122,146,180)
```
#869cbb
```
#869cbb rgb(134,156,187)
```
#93a7c2
```
#93a7c2 rgb(147,167,194)
```
#9fb1c9
```
#9fb1c9 rgb(159,177,201)
```
#acbbd0
```
#acbbd0 rgb(172,187,208)
```
#b9c5d7
```
#b9c5d7 rgb(185,197,215)
```
#c5d0de
```
#c5d0de rgb(197,208,222)
```
#d2dae5
```
#d2dae5 rgb(210,218,229)
```
#dee4ed
```
#dee4ed rgb(222,228,237)
```
#ebeef4
```
#ebeef4 rgb(235,238,244)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #292b2d is the less saturated color, while #012455 is the most saturated one.

#292b2d
```
#292b2d rgb(41,43,45)
```
#262a30
```
#262a30 rgb(38,42,48)
```
#222a34
```
#222a34 rgb(34,42,52)
```
#1f2937
```
#1f2937 rgb(31,41,55)
```
#1c283a
```
#1c283a rgb(28,40,58)
```
#18283e
```
#18283e rgb(24,40,62)
```
#152741
```
#152741 rgb(21,39,65)
```
#122744
```
#122744 rgb(18,39,68)
```
#0e2648
```
#0e2648 rgb(14,38,72)
```
#0b264b
```
#0b264b rgb(11,38,75)
```
#08254e
```
#08254e rgb(8,37,78)
```
#052551
```
#052551 rgb(5,37,81)
```
#012455
```
#012455 rgb(1,36,85)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#26282b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f3340 Protanopia 1% of men
#2f3241 Deuteranopia 1% of men
#283539 Tritanopia 0.001% of the population

Trichromacy

#292f3d Protanomaly 1% of men, 0.01% of women
#292f3d Deuteranomaly 6% of men, 0.4% of women
#243138 Tritanomaly 0.01% of the population

#1f2937 hex color

#1f2937 Color Information

#1f2937 Color Conversion

Color Schemes with #1f2937

Alternatives to #1f2937

#1f2937 Preview

Shades and Tints of #1f2937

Tones of #1f2937

Color Blindness Simulator