#1f5872 hex color

In a RGB color space, hex #1f5872 is composed of 12.2% red, 34.5% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 22.8% magenta, 0% yellow and 55.3% black. It has a hue angle of 198.8 degrees, a saturation of 57.2% and a lightness of 28.4%. #1f5872 color hex could be obtained by blending #3eb0e4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 35
- B 45
RGB color chart
- C 73
- M 23
- Y 0
- K 55
CMYK color chart

● #1f5872 color description : Very dark blue.

The hexadecimal color #1f5872 has RGB values of R:31, G:88, B:114 and CMYK values of C:0.73, M:0.23, Y:0, K:0.55. Its decimal value is 2054258.

Hex triplet	1f5872	`#1f5872`
RGB Decimal	31, 88, 114	`rgb(31,88,114)`
RGB Percent	12.2, 34.5, 44.7	`rgb(12.2%,34.5%,44.7%)`
CMYK	73, 23, 0, 55
HSL	198.8°, 57.2, 28.4	`hsl(198.8,57.2%,28.4%)`
HSV (or HSB)	198.8°, 72.8, 44.7
Web Safe	336666	`#336666`

CIE-LAB	34.973, -9.222, -20.194
XYZ	7.091, 8.485, 17.183
xyY	0.216, 0.259, 8.485
CIE-LCH	34.973, 22.2, 245.454
CIE-LUV	34.973, -20.582, -26.18
Hunter-Lab	29.129, -7.522, -14.584
Binary	00011111, 01011000, 01110010

#1f5872
```
#1f5872 rgb(31,88,114)
```
#72391f
```
#72391f rgb(114,57,31)
```

Complementary Color

#1f7263
```
#1f7263 rgb(31,114,99)
```
#1f5872
```
#1f5872 rgb(31,88,114)
```
#1f2f72
```
#1f2f72 rgb(31,47,114)
```

Analogous Color

#72631f
```
#72631f rgb(114,99,31)
```
#1f5872
```
#1f5872 rgb(31,88,114)
```
#721f2f
```
#721f2f rgb(114,31,47)
```

Split Complementary Color

#58721f
```
#58721f rgb(88,114,31)
```
#1f5872
```
#1f5872 rgb(31,88,114)
```
#721f58
```
#721f58 rgb(114,31,88)
```

Triadic Color

#1f7239
```
#1f7239 rgb(31,114,57)
```
#1f5872
```
#1f5872 rgb(31,88,114)
```
#721f58
```
#721f58 rgb(114,31,88)
```
#72391f
```
#72391f rgb(114,57,31)
```

Tetradic Color

#0f2a36
```
#0f2a36 rgb(15,42,54)
```
#14394a
```
#14394a rgb(20,57,74)
```
#1a495e
```
#1a495e rgb(26,73,94)
```
#1f5872
```
#1f5872 rgb(31,88,114)
```
#246786
```
#246786 rgb(36,103,134)
```
#2a779a
```
#2a779a rgb(42,119,154)
```
#2f86ae
```
#2f86ae rgb(47,134,174)
```

Monochromatic Color

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

#1f6d72
```
#1f6d72 rgb(31,109,114)
```
#1f6672
```
#1f6672 rgb(31,102,114)
```
#1f5f72
```
#1f5f72 rgb(31,95,114)
```
#1f5872
```
#1f5872 rgb(31,88,114)
```
#1f5172
```
#1f5172 rgb(31,81,114)
```
#1f4a72
```
#1f4a72 rgb(31,74,114)
```
#1f4372
```
#1f4372 rgb(31,67,114)
```

Similar Colors

Text with hexadecimal color #1f5872

This text has a font color of #1f5872.

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

#1f5872 background color

This paragraph has a background color of #1f5872.

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

#1f5872 border color

This element has a border color of #1f5872.

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

CSS codes

.text {color:#1f5872;}

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

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

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

#020506
```
#020506 rgb(2,5,6)
```
#061115
```
#061115 rgb(6,17,21)
```
#0a1c25
```
#0a1c25 rgb(10,28,37)
```
#0e2834
```
#0e2834 rgb(14,40,52)
```
#123444
```
#123444 rgb(18,52,68)
```
#174053
```
#174053 rgb(23,64,83)
```
#1b4c63
```
#1b4c63 rgb(27,76,99)
```
#1f5872
```
#1f5872 rgb(31,88,114)
```
#236481
```
#236481 rgb(35,100,129)
```
#277091
```
#277091 rgb(39,112,145)
```
#2c7ca0
```
#2c7ca0 rgb(44,124,160)
```
#3088b0
```
#3088b0 rgb(48,136,176)
```
#3494bf
```
#3494bf rgb(52,148,191)
```

Shade Color Variation

#3d9eca
```
#3d9eca rgb(61,158,202)
```
#4ca5ce
```
#4ca5ce rgb(76,165,206)
```
#5badd3
```
#5badd3 rgb(91,173,211)
```
#6bb5d7
```
#6bb5d7 rgb(107,181,215)
```
#7abddb
```
#7abddb rgb(122,189,219)
```
#8ac4df
```
#8ac4df rgb(138,196,223)
```
#99cce3
```
#99cce3 rgb(153,204,227)
```
#a9d4e7
```
#a9d4e7 rgb(169,212,231)
```
#b8dbec
```
#b8dbec rgb(184,219,236)
```
#c7e3f0
```
#c7e3f0 rgb(199,227,240)
```
#d7ebf4
```
#d7ebf4 rgb(215,235,244)
```
#e6f3f8
```
#e6f3f8 rgb(230,243,248)
```
#f6fafc
```
#f6fafc rgb(246,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #46494b is the less saturated color, while #03628e is the most saturated one.

#46494b
```
#46494b rgb(70,73,75)
```
#404c51
```
#404c51 rgb(64,76,81)
```
#3b4e56
```
#3b4e56 rgb(59,78,86)
```
#35505c
```
#35505c rgb(53,80,92)
```
#305261
```
#305261 rgb(48,82,97)
```
#2a5467
```
#2a5467 rgb(42,84,103)
```
#25566c
```
#25566c rgb(37,86,108)
```
#1f5872
```
#1f5872 rgb(31,88,114)
```
#195a78
```
#195a78 rgb(25,90,120)
```
#145c7d
```
#145c7d rgb(20,92,125)
```
#0e5e83
```
#0e5e83 rgb(14,94,131)
```
#096088
```
#096088 rgb(9,96,136)
```
#03628e
```
#03628e rgb(3,98,142)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#414d52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#535a74 Protanopia 1% of men
#4f5a7b Deuteranopia 1% of men
#1d636a Tritanopia 0.001% of the population

Trichromacy

#405973 Protanomaly 1% of men, 0.01% of women
#3d5978 Deuteranomaly 6% of men, 0.4% of women
#1e5f6d Tritanomaly 0.01% of the population

#1f5872 hex color

#1f5872 Color Information

#1f5872 Color Conversion

Color Schemes with #1f5872

Alternatives to #1f5872

#1f5872 Preview

Shades and Tints of #1f5872

Tones of #1f5872

Color Blindness Simulator