#1f5696 hex color

In a RGB color space, hex #1f5696 is composed of 12.2% red, 33.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 42.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 212.3 degrees, a saturation of 65.7% and a lightness of 35.5%. #1f5696 color hex could be obtained by blending #3eacff with #00002d. Closest websafe color is: #336699.

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

● #1f5696 color description : Dark blue.

The hexadecimal color #1f5696 has RGB values of R:31, G:86, B:150 and CMYK values of C:0.79, M:0.43, Y:0, K:0.41. Its decimal value is 2053782.

Hex triplet	1f5696	`#1f5696`
RGB Decimal	31, 86, 150	`rgb(31,86,150)`
RGB Percent	12.2, 33.7, 58.8	`rgb(12.2%,33.7%,58.8%)`
CMYK	79, 43, 0, 41
HSL	212.3°, 65.7, 35.5	`hsl(212.3,65.7%,35.5%)`
HSV (or HSB)	212.3°, 79.3, 58.8
Web Safe	336699	`#336699`

CIE-LAB	36.268, 5.903, -40.202
XYZ	9.397, 9.148, 30.123
xyY	0.193, 0.188, 9.148
CIE-LCH	36.268, 40.633, 278.354
CIE-LUV	36.268, -18.5, -57.012
Hunter-Lab	30.246, 2.525, -37.877
Binary	00011111, 01010110, 10010110

#1f5696
```
#1f5696 rgb(31,86,150)
```
#965f1f
```
#965f1f rgb(150,95,31)
```

Complementary Color

#1f9296
```
#1f9296 rgb(31,146,150)
```
#1f5696
```
#1f5696 rgb(31,86,150)
```
#241f96
```
#241f96 rgb(36,31,150)
```

Analogous Color

#92961f
```
#92961f rgb(146,150,31)
```
#1f5696
```
#1f5696 rgb(31,86,150)
```
#96241f
```
#96241f rgb(150,36,31)
```

Split Complementary Color

#56961f
```
#56961f rgb(86,150,31)
```
#1f5696
```
#1f5696 rgb(31,86,150)
```
#961f56
```
#961f56 rgb(150,31,86)
```

Triadic Color

#1f965f
```
#1f965f rgb(31,150,95)
```
#1f5696
```
#1f5696 rgb(31,86,150)
```
#961f56
```
#961f56 rgb(150,31,86)
```
#965f1f
```
#965f1f rgb(150,95,31)
```

Tetradic Color

#123257
```
#123257 rgb(18,50,87)
```
#163e6c
```
#163e6c rgb(22,62,108)
```
#1b4a81
```
#1b4a81 rgb(27,74,129)
```
#1f5696
```
#1f5696 rgb(31,86,150)
```
#2362ab
```
#2362ab rgb(35,98,171)
```
#286ec0
```
#286ec0 rgb(40,110,192)
```
#2e7ad4
```
#2e7ad4 rgb(46,122,212)
```

Monochromatic Color

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

#1f7496
```
#1f7496 rgb(31,116,150)
```
#1f6a96
```
#1f6a96 rgb(31,106,150)
```
#1f6096
```
#1f6096 rgb(31,96,150)
```
#1f5696
```
#1f5696 rgb(31,86,150)
```
#1f4c96
```
#1f4c96 rgb(31,76,150)
```
#1f4296
```
#1f4296 rgb(31,66,150)
```
#1f3896
```
#1f3896 rgb(31,56,150)
```

Similar Colors

Text with hexadecimal color #1f5696

This text has a font color of #1f5696.

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

#1f5696 background color

This paragraph has a background color of #1f5696.

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

#1f5696 border color

This element has a border color of #1f5696.

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

CSS codes

.text {color:#1f5696;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040b14
```
#040b14 rgb(4,11,20)
```
#071524
```
#071524 rgb(7,21,36)
```
#0b1e34
```
#0b1e34 rgb(11,30,52)
```
#0e2745
```
#0e2745 rgb(14,39,69)
```
#123155
```
#123155 rgb(18,49,85)
```
#153a65
```
#153a65 rgb(21,58,101)
```
#184375
```
#184375 rgb(24,67,117)
```
#1c4d86
```
#1c4d86 rgb(28,77,134)
```
#1f5696
```
#1f5696 rgb(31,86,150)
```
#225fa6
```
#225fa6 rgb(34,95,166)
```
#2669b7
```
#2669b7 rgb(38,105,183)
```
#2972c7
```
#2972c7 rgb(41,114,199)
```

Shade Color Variation

#2f7cd4
```
#2f7cd4 rgb(47,124,212)
```
#4086d7
```
#4086d7 rgb(64,134,215)
```
#5090db
```
#5090db rgb(80,144,219)
```
#609ade
```
#609ade rgb(96,154,222)
```
#70a5e2
```
#70a5e2 rgb(112,165,226)
```
#81afe5
```
#81afe5 rgb(129,175,229)
```
#91b9e8
```
#91b9e8 rgb(145,185,232)
```
#a1c4ec
```
#a1c4ec rgb(161,196,236)
```
#b1ceef
```
#b1ceef rgb(177,206,239)
```
#c2d8f2
```
#c2d8f2 rgb(194,216,242)
```
#d2e2f6
```
#d2e2f6 rgb(210,226,246)
```
#e2edf9
```
#e2edf9 rgb(226,237,249)
```
#f2f7fc
```
#f2f7fc rgb(242,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575a5e is the less saturated color, while #0354b2 is the most saturated one.

#575a5e
```
#575a5e rgb(87,90,94)
```
#505a65
```
#505a65 rgb(80,90,101)
```
#49596c
```
#49596c rgb(73,89,108)
```
#425973
```
#425973 rgb(66,89,115)
```
#3b587a
```
#3b587a rgb(59,88,122)
```
#345881
```
#345881 rgb(52,88,129)
```
#2d5788
```
#2d5788 rgb(45,87,136)
```
#26578f
```
#26578f rgb(38,87,143)
```
#1f5696
```
#1f5696 rgb(31,86,150)
```
#18559d
```
#18559d rgb(24,85,157)
```
#1155a4
```
#1155a4 rgb(17,85,164)
```
#0a54ab
```
#0a54ab rgb(10,84,171)
```
#0354b2
```
#0354b2 rgb(3,84,178)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#444f5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#415c99 Protanopia 1% of men
#255f9b Deuteranopia 1% of men
#00676e Tritanopia 0.001% of the population

Trichromacy

#345998 Protanomaly 1% of men, 0.01% of women
#235b99 Deuteranomaly 6% of men, 0.4% of women
#0b617c Tritanomaly 0.01% of the population

#1f5696 hex color

#1f5696 Color Information

#1f5696 Color Conversion

Color Schemes with #1f5696

Alternatives to #1f5696

#1f5696 Preview

Shades and Tints of #1f5696

Tones of #1f5696

Color Blindness Simulator