colorhexa.com

#1f5f8e hex color

In a RGB color space, hex #1f5f8e is composed of 12.2% red, 37.3% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 33.1% magenta, 0% yellow and 44.3% black. It has a hue angle of 205.4 degrees, a saturation of 64.2% and a lightness of 33.9%. #1f5f8e color hex could be obtained by blending #3ebeff with #00001d. Closest websafe color is: #336699.

- R 12
- G 37
- B 56
RGB color chart
- C 78
- M 33
- Y 0
- K 44
CMYK color chart

● #1f5f8e color description : Dark blue.

The hexadecimal color #1f5f8e has RGB values of R:31, G:95, B:142 and CMYK values of C:0.78, M:0.33, Y:0, K:0.44. Its decimal value is 2056078.

Hex triplet	1f5f8e	`#1f5f8e`
RGB Decimal	31, 95, 142	`rgb(31,95,142)`
RGB Percent	12.2, 37.3, 55.7	`rgb(12.2%,37.3%,55.7%)`
CMYK	78, 33, 0, 44
HSL	205.4°, 64.2, 33.9	`hsl(205.4,64.2%,33.9%)`
HSV (or HSB)	205.4°, 78.2, 55.7
Web Safe	336699	`#336699`

CIE-LAB	38.6, -2.989, -31.668
XYZ	9.539, 10.428, 27.1
xyY	0.203, 0.222, 10.428
CIE-LCH	38.6, 31.808, 264.608
CIE-LUV	38.6, -21.843, -44.543
Hunter-Lab	32.292, -3.786, -27.152
Binary	00011111, 01011111, 10001110

#1f5f8e
```
#1f5f8e rgb(31,95,142)
```
#8e4e1f
```
#8e4e1f rgb(142,78,31)
```

Complementary Color

#1f8e86
```
#1f8e86 rgb(31,142,134)
```
#1f5f8e
```
#1f5f8e rgb(31,95,142)
```
#1f288e
```
#1f288e rgb(31,40,142)
```

Analogous Color

#8e861f
```
#8e861f rgb(142,134,31)
```
#1f5f8e
```
#1f5f8e rgb(31,95,142)
```
#8e1f28
```
#8e1f28 rgb(142,31,40)
```

Split Complementary Color

#5f8e1f
```
#5f8e1f rgb(95,142,31)
```
#1f5f8e
```
#1f5f8e rgb(31,95,142)
```
#8e1f5f
```
#8e1f5f rgb(142,31,95)
```

Triadic Color

#11354f
```
#11354f rgb(17,53,79)
```
#164364
```
#164364 rgb(22,67,100)
```
#1a5179
```
#1a5179 rgb(26,81,121)
```
#1f5f8e
```
#1f5f8e rgb(31,95,142)
```
#246da3
```
#246da3 rgb(36,109,163)
```
#287bb8
```
#287bb8 rgb(40,123,184)
```
#2d89cd
```
#2d89cd rgb(45,137,205)
```

Monochromatic Color

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

#1f7b8e
```
#1f7b8e rgb(31,123,142)
```
#1f728e
```
#1f728e rgb(31,114,142)
```
#1f688e
```
#1f688e rgb(31,104,142)
```
#1f5f8e
```
#1f5f8e rgb(31,95,142)
```
#1f568e
```
#1f568e rgb(31,86,142)
```
#1f4d8e
```
#1f4d8e rgb(31,77,142)
```
#1f438e
```
#1f438e rgb(31,67,142)
```

Similar Colors

Text with hexadecimal color #1f5f8e

This text has a font color of #1f5f8e.

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

#1f5f8e background color

This paragraph has a background color of #1f5f8e.

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

#1f5f8e border color

This element has a border color of #1f5f8e.

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

CSS codes

.text {color:#1f5f8e;}

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

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

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, #03090d is the darkest color, while #fcfdfe is the lightest one.

#03090d
```
#03090d rgb(3,9,13)
```
#06141d
```
#06141d rgb(6,20,29)
```
#0a1e2d
```
#0a1e2d rgb(10,30,45)
```
#0d293d
```
#0d293d rgb(13,41,61)
```
#11344e
```
#11344e rgb(17,52,78)
```
#143f5e
```
#143f5e rgb(20,63,94)
```
#18496e
```
#18496e rgb(24,73,110)
```
#1b547e
```
#1b547e rgb(27,84,126)
```
#1f5f8e
```
#1f5f8e rgb(31,95,142)
```
#236a9e
```
#236a9e rgb(35,106,158)
```
#2675ae
```
#2675ae rgb(38,117,174)
```
#2a7fbe
```
#2a7fbe rgb(42,127,190)
```
#2d8ace
```
#2d8ace rgb(45,138,206)
```

Shade Color Variation

#3b93d4
```
#3b93d4 rgb(59,147,212)
```
#4b9cd8
```
#4b9cd8 rgb(75,156,216)
```
#5ba5db
```
#5ba5db rgb(91,165,219)
```
#6baedf
```
#6baedf rgb(107,174,223)
```
#7bb7e2
```
#7bb7e2 rgb(123,183,226)
```
#8bbfe6
```
#8bbfe6 rgb(139,191,230)
```
#9bc8e9
```
#9bc8e9 rgb(155,200,233)
```
#acd1ed
```
#acd1ed rgb(172,209,237)
```
#bcdaf0
```
#bcdaf0 rgb(188,218,240)
```
#cce3f4
```
#cce3f4 rgb(204,227,244)
```
#dcecf7
```
#dcecf7 rgb(220,236,247)
```
#ecf5fb
```
#ecf5fb rgb(236,245,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#545759
```
#545759 rgb(84,87,89)
```
#4e585f
```
#4e585f rgb(78,88,95)
```
#475966
```
#475966 rgb(71,89,102)
```
#405a6d
```
#405a6d rgb(64,90,109)
```
#3a5b73
```
#3a5b73 rgb(58,91,115)
```
#335c7a
```
#335c7a rgb(51,92,122)
```
#2c5d81
```
#2c5d81 rgb(44,93,129)
```
#265e87
```
#265e87 rgb(38,94,135)
```
#1f5f8e
```
#1f5f8e rgb(31,95,142)
```
#186095
```
#186095 rgb(24,96,149)
```
#12619b
```
#12619b rgb(18,97,155)
```
#0b62a2
```
#0b62a2 rgb(11,98,162)
```
#0463a9
```
#0463a9 rgb(4,99,169)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#47545d Atypical Achromatopsia 0.001% of the population

Dichromacy

#52618f Protanopia 1% of men
#466395 Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#3f608f Protanomaly 1% of men, 0.01% of women
#376192 Deuteranomaly 6% of men, 0.4% of women
#0b677d Tritanomaly 0.01% of the population