#1f5b8e hex color

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

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

● #1f5b8e color description : Dark blue.

The hexadecimal color #1f5b8e has RGB values of R:31, G:91, B:142 and CMYK values of C:0.78, M:0.36, Y:0, K:0.44. Its decimal value is 2055054.

Hex triplet	1f5b8e	`#1f5b8e`
RGB Decimal	31, 91, 142	`rgb(31,91,142)`
RGB Percent	12.2, 35.7, 55.7	`rgb(12.2%,35.7%,55.7%)`
CMYK	78, 36, 0, 44
HSL	207.6°, 64.2, 33.9	`hsl(207.6,64.2%,33.9%)`
HSV (or HSB)	207.6°, 78.2, 55.7
Web Safe	336699	`#336699`

CIE-LAB	37.346, -0.47, -33.649
XYZ	9.187, 9.726, 26.983
xyY	0.2, 0.212, 9.726
CIE-LCH	37.346, 33.652, 269.2
CIE-LUV	37.346, -20.456, -47.323
Hunter-Lab	31.186, -1.989, -29.468
Binary	00011111, 01011011, 10001110

#1f5b8e
```
#1f5b8e rgb(31,91,142)
```
#8e521f
```
#8e521f rgb(142,82,31)
```

Complementary Color

#1f8e8a
```
#1f8e8a rgb(31,142,138)
```
#1f5b8e
```
#1f5b8e rgb(31,91,142)
```
#1f248e
```
#1f248e rgb(31,36,142)
```

Analogous Color

#8e8a1f
```
#8e8a1f rgb(142,138,31)
```
#1f5b8e
```
#1f5b8e rgb(31,91,142)
```
#8e1f24
```
#8e1f24 rgb(142,31,36)
```

Split Complementary Color

#5b8e1f
```
#5b8e1f rgb(91,142,31)
```
#1f5b8e
```
#1f5b8e rgb(31,91,142)
```
#8e1f5b
```
#8e1f5b rgb(142,31,91)
```

Triadic Color

#1f8e52
```
#1f8e52 rgb(31,142,82)
```
#1f5b8e
```
#1f5b8e rgb(31,91,142)
```
#8e1f5b
```
#8e1f5b rgb(142,31,91)
```
#8e521f
```
#8e521f rgb(142,82,31)
```

Tetradic Color

#11334f
```
#11334f rgb(17,51,79)
```
#164064
```
#164064 rgb(22,64,100)
```
#1a4e79
```
#1a4e79 rgb(26,78,121)
```
#1f5b8e
```
#1f5b8e rgb(31,91,142)
```
#2468a3
```
#2468a3 rgb(36,104,163)
```
#2876b8
```
#2876b8 rgb(40,118,184)
```
#2d83cd
```
#2d83cd rgb(45,131,205)
```

Monochromatic Color

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

#1f778e
```
#1f778e rgb(31,119,142)
```
#1f6e8e
```
#1f6e8e rgb(31,110,142)
```
#1f648e
```
#1f648e rgb(31,100,142)
```
#1f5b8e
```
#1f5b8e rgb(31,91,142)
```
#1f528e
```
#1f528e rgb(31,82,142)
```
#1f498e
```
#1f498e rgb(31,73,142)
```
#1f3f8e
```
#1f3f8e rgb(31,63,142)
```

Similar Colors

Text with hexadecimal color #1f5b8e

This text has a font color of #1f5b8e.

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

#1f5b8e background color

This paragraph has a background color of #1f5b8e.

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

#1f5b8e border color

This element has a border color of #1f5b8e.

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

CSS codes

.text {color:#1f5b8e;}

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

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

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

#03080d
```
#03080d rgb(3,8,13)
```
#06131d
```
#06131d rgb(6,19,29)
```
#0a1d2d
```
#0a1d2d rgb(10,29,45)
```
#0d273d
```
#0d273d rgb(13,39,61)
```
#11324e
```
#11324e rgb(17,50,78)
```
#143c5e
```
#143c5e rgb(20,60,94)
```
#18466e
```
#18466e rgb(24,70,110)
```
#1b517e
```
#1b517e rgb(27,81,126)
```
#1f5b8e
```
#1f5b8e rgb(31,91,142)
```
#23659e
```
#23659e rgb(35,101,158)
```
#2670ae
```
#2670ae rgb(38,112,174)
```
#2a7abe
```
#2a7abe rgb(42,122,190)
```
#2d84ce
```
#2d84ce rgb(45,132,206)
```

Shade Color Variation

#3b8ed4
```
#3b8ed4 rgb(59,142,212)
```
#4b97d8
```
#4b97d8 rgb(75,151,216)
```
#5ba0db
```
#5ba0db rgb(91,160,219)
```
#6baadf
```
#6baadf rgb(107,170,223)
```
#7bb3e2
```
#7bb3e2 rgb(123,179,226)
```
#8bbce6
```
#8bbce6 rgb(139,188,230)
```
#9bc6e9
```
#9bc6e9 rgb(155,198,233)
```
#accfed
```
#accfed rgb(172,207,237)
```
#bcd8f0
```
#bcd8f0 rgb(188,216,240)
```
#cce1f4
```
#cce1f4 rgb(204,225,244)
```
#dcebf7
```
#dcebf7 rgb(220,235,247)
```
#ecf4fb
```
#ecf4fb rgb(236,244,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 #045da9 is the most saturated one.

#545759
```
#545759 rgb(84,87,89)
```
#4e575f
```
#4e575f rgb(78,87,95)
```
#475866
```
#475866 rgb(71,88,102)
```
#40586d
```
#40586d rgb(64,88,109)
```
#3a5973
```
#3a5973 rgb(58,89,115)
```
#33597a
```
#33597a rgb(51,89,122)
```
#2c5a81
```
#2c5a81 rgb(44,90,129)
```
#265a87
```
#265a87 rgb(38,90,135)
```
#1f5b8e
```
#1f5b8e rgb(31,91,142)
```
#185c95
```
#185c95 rgb(24,92,149)
```
#125c9b
```
#125c9b rgb(18,92,155)
```
#0b5da2
```
#0b5da2 rgb(11,93,162)
```
#045da9
```
#045da9 rgb(4,93,169)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#45515c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5e90 Protanopia 1% of men
#3e6095 Deuteranopia 1% of men
#006971 Tritanopia 0.001% of the population

Trichromacy

#3c5d8f Protanomaly 1% of men, 0.01% of women
#325e92 Deuteranomaly 6% of men, 0.4% of women
#0b647b Tritanomaly 0.01% of the population

#1f5b8e hex color

#1f5b8e Color Information

#1f5b8e Color Conversion

Color Schemes with #1f5b8e

Alternatives to #1f5b8e

#1f5b8e Preview

Shades and Tints of #1f5b8e

Tones of #1f5b8e

Color Blindness Simulator