#1f5796 hex color

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

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

● #1f5796 color description : Dark blue.

The hexadecimal color #1f5796 has RGB values of R:31, G:87, B:150 and CMYK values of C:0.79, M:0.42, Y:0, K:0.41. Its decimal value is 2054038.

Hex triplet	1f5796	`#1f5796`
RGB Decimal	31, 87, 150	`rgb(31,87,150)`
RGB Percent	12.2, 34.1, 58.8	`rgb(12.2%,34.1%,58.8%)`
CMYK	79, 42, 0, 41
HSL	211.8°, 65.7, 35.5	`hsl(211.8,65.7%,35.5%)`
HSV (or HSB)	211.8°, 79.3, 58.8
Web Safe	336699	`#336699`

CIE-LAB	36.572, 5.249, -39.716
XYZ	9.477, 9.309, 30.15
xyY	0.194, 0.19, 9.309
CIE-LCH	36.572, 40.061, 277.528
CIE-LUV	36.572, -18.827, -56.392
Hunter-Lab	30.511, 2.051, -37.232
Binary	00011111, 01010111, 10010110

#1f5796
```
#1f5796 rgb(31,87,150)
```
#965e1f
```
#965e1f rgb(150,94,31)
```

Complementary Color

#1f9396
```
#1f9396 rgb(31,147,150)
```
#1f5796
```
#1f5796 rgb(31,87,150)
```
#231f96
```
#231f96 rgb(35,31,150)
```

Analogous Color

#93961f
```
#93961f rgb(147,150,31)
```
#1f5796
```
#1f5796 rgb(31,87,150)
```
#96231f
```
#96231f rgb(150,35,31)
```

Split Complementary Color

#57961f
```
#57961f rgb(87,150,31)
```
#1f5796
```
#1f5796 rgb(31,87,150)
```
#961f57
```
#961f57 rgb(150,31,87)
```

Triadic Color

#1f965e
```
#1f965e rgb(31,150,94)
```
#1f5796
```
#1f5796 rgb(31,87,150)
```
#961f57
```
#961f57 rgb(150,31,87)
```
#965e1f
```
#965e1f rgb(150,94,31)
```

Tetradic Color

#123257
```
#123257 rgb(18,50,87)
```
#163e6c
```
#163e6c rgb(22,62,108)
```
#1b4b81
```
#1b4b81 rgb(27,75,129)
```
#1f5796
```
#1f5796 rgb(31,87,150)
```
#2363ab
```
#2363ab rgb(35,99,171)
```
#2870c0
```
#2870c0 rgb(40,112,192)
```
#2e7cd4
```
#2e7cd4 rgb(46,124,212)
```

Monochromatic Color

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

#1f7596
```
#1f7596 rgb(31,117,150)
```
#1f6b96
```
#1f6b96 rgb(31,107,150)
```
#1f6196
```
#1f6196 rgb(31,97,150)
```
#1f5796
```
#1f5796 rgb(31,87,150)
```
#1f4d96
```
#1f4d96 rgb(31,77,150)
```
#1f4396
```
#1f4396 rgb(31,67,150)
```
#1f3996
```
#1f3996 rgb(31,57,150)
```

Similar Colors

Text with hexadecimal color #1f5796

This text has a font color of #1f5796.

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

#1f5796 background color

This paragraph has a background color of #1f5796.

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

#1f5796 border color

This element has a border color of #1f5796.

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

CSS codes

.text {color:#1f5796;}

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

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

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)
```
#040c14
```
#040c14 rgb(4,12,20)
```
#071524
```
#071524 rgb(7,21,36)
```
#0b1e34
```
#0b1e34 rgb(11,30,52)
```
#0e2845
```
#0e2845 rgb(14,40,69)
```
#123155
```
#123155 rgb(18,49,85)
```
#153b65
```
#153b65 rgb(21,59,101)
```
#184475
```
#184475 rgb(24,68,117)
```
#1c4e86
```
#1c4e86 rgb(28,78,134)
```
#1f5796
```
#1f5796 rgb(31,87,150)
```
#2260a6
```
#2260a6 rgb(34,96,166)
```
#266ab7
```
#266ab7 rgb(38,106,183)
```
#2973c7
```
#2973c7 rgb(41,115,199)
```

Shade Color Variation

#2f7dd4
```
#2f7dd4 rgb(47,125,212)
```
#4087d7
```
#4087d7 rgb(64,135,215)
```
#5091db
```
#5091db rgb(80,145,219)
```
#609bde
```
#609bde rgb(96,155,222)
```
#70a6e2
```
#70a6e2 rgb(112,166,226)
```
#81b0e5
```
#81b0e5 rgb(129,176,229)
```
#91bae8
```
#91bae8 rgb(145,186,232)
```
#a1c4ec
```
#a1c4ec rgb(161,196,236)
```
#b1ceef
```
#b1ceef rgb(177,206,239)
```
#c2d9f2
```
#c2d9f2 rgb(194,217,242)
```
#d2e3f6
```
#d2e3f6 rgb(210,227,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 #0355b2 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)
```
#3b597a
```
#3b597a rgb(59,89,122)
```
#345881
```
#345881 rgb(52,88,129)
```
#2d5888
```
#2d5888 rgb(45,88,136)
```
#26578f
```
#26578f rgb(38,87,143)
```
#1f5796
```
#1f5796 rgb(31,87,150)
```
#18579d
```
#18579d rgb(24,87,157)
```
#1156a4
```
#1156a4 rgb(17,86,164)
```
#0a56ab
```
#0a56ab rgb(10,86,171)
```
#0355b2
```
#0355b2 rgb(3,85,178)
```

Tone Color Variation

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

#425c99 Protanopia 1% of men
#295f9b Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#355a97 Protanomaly 1% of men, 0.01% of women
#255c99 Deuteranomaly 6% of men, 0.4% of women
#0b617d Tritanomaly 0.01% of the population

#1f5796 hex color

#1f5796 Color Information

#1f5796 Color Conversion

Color Schemes with #1f5796

Alternatives to #1f5796

#1f5796 Preview

Shades and Tints of #1f5796

Tones of #1f5796

Color Blindness Simulator