#1f3996 hex color

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

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

● #1f3996 color description : Dark blue.

The hexadecimal color #1f3996 has RGB values of R:31, G:57, B:150 and CMYK values of C:0.79, M:0.62, Y:0, K:0.41. Its decimal value is 2046358.

Hex triplet	1f3996	`#1f3996`
RGB Decimal	31, 57, 150	`rgb(31,57,150)`
RGB Percent	12.2, 22.4, 58.8	`rgb(12.2%,22.4%,58.8%)`
CMYK	79, 62, 0, 41
HSL	226.9°, 65.7, 35.5	`hsl(226.9,65.7%,35.5%)`
HSV (or HSB)	226.9°, 79.3, 58.8
Web Safe	333399	`#333399`

CIE-LAB	27.897, 25.554, -53.733
XYZ	7.532, 5.419, 29.502
xyY	0.177, 0.128, 5.419
CIE-LCH	27.897, 59.5, 295.435
CIE-LUV	27.897, -10.13, -70.099
Hunter-Lab	23.279, 17.017, -58.844
Binary	00011111, 00111001, 10010110

#1f3996
```
#1f3996 rgb(31,57,150)
```
#967c1f
```
#967c1f rgb(150,124,31)
```

Complementary Color

#1f7596
```
#1f7596 rgb(31,117,150)
```
#1f3996
```
#1f3996 rgb(31,57,150)
```
#411f96
```
#411f96 rgb(65,31,150)
```

Analogous Color

#75961f
```
#75961f rgb(117,150,31)
```
#1f3996
```
#1f3996 rgb(31,57,150)
```
#96411f
```
#96411f rgb(150,65,31)
```

Split Complementary Color

#39961f
```
#39961f rgb(57,150,31)
```
#1f3996
```
#1f3996 rgb(31,57,150)
```
#961f39
```
#961f39 rgb(150,31,57)
```

Triadic Color

#1f967c
```
#1f967c rgb(31,150,124)
```
#1f3996
```
#1f3996 rgb(31,57,150)
```
#961f39
```
#961f39 rgb(150,31,57)
```
#967c1f
```
#967c1f rgb(150,124,31)
```

Tetradic Color

#122157
```
#122157 rgb(18,33,87)
```
#16296c
```
#16296c rgb(22,41,108)
```
#1b3181
```
#1b3181 rgb(27,49,129)
```
#1f3996
```
#1f3996 rgb(31,57,150)
```
#2341ab
```
#2341ab rgb(35,65,171)
```
#2849c0
```
#2849c0 rgb(40,73,192)
```
#2e52d4
```
#2e52d4 rgb(46,82,212)
```

Monochromatic Color

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

#1f5796
```
#1f5796 rgb(31,87,150)
```
#1f4d96
```
#1f4d96 rgb(31,77,150)
```
#1f4396
```
#1f4396 rgb(31,67,150)
```
#1f3996
```
#1f3996 rgb(31,57,150)
```
#1f2f96
```
#1f2f96 rgb(31,47,150)
```
#1f2596
```
#1f2596 rgb(31,37,150)
```
#231f96
```
#231f96 rgb(35,31,150)
```

Similar Colors

Text with hexadecimal color #1f3996

This text has a font color of #1f3996.

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

#1f3996 background color

This paragraph has a background color of #1f3996.

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

#1f3996 border color

This element has a border color of #1f3996.

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

CSS codes

.text {color:#1f3996;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#040814
```
#040814 rgb(4,8,20)
```
#070e24
```
#070e24 rgb(7,14,36)
```
#0b1434
```
#0b1434 rgb(11,20,52)
```
#0e1a45
```
#0e1a45 rgb(14,26,69)
```
#122055
```
#122055 rgb(18,32,85)
```
#152665
```
#152665 rgb(21,38,101)
```
#182d75
```
#182d75 rgb(24,45,117)
```
#1c3386
```
#1c3386 rgb(28,51,134)
```
#1f3996
```
#1f3996 rgb(31,57,150)
```
#223fa6
```
#223fa6 rgb(34,63,166)
```
#2645b7
```
#2645b7 rgb(38,69,183)
```
#294cc7
```
#294cc7 rgb(41,76,199)
```

Shade Color Variation

#2f53d4
```
#2f53d4 rgb(47,83,212)
```
#4061d7
```
#4061d7 rgb(64,97,215)
```
#506edb
```
#506edb rgb(80,110,219)
```
#607cde
```
#607cde rgb(96,124,222)
```
#7089e2
```
#7089e2 rgb(112,137,226)
```
#8197e5
```
#8197e5 rgb(129,151,229)
```
#91a4e8
```
#91a4e8 rgb(145,164,232)
```
#a1b1ec
```
#a1b1ec rgb(161,177,236)
```
#b1bfef
```
#b1bfef rgb(177,191,239)
```
#c2ccf2
```
#c2ccf2 rgb(194,204,242)
```
#d2daf6
```
#d2daf6 rgb(210,218,246)
```
#e2e7f9
```
#e2e7f9 rgb(226,231,249)
```
#f2f5fc
```
#f2f5fc rgb(242,245,252)
```

Tint Color Variation

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

#57585e
```
#57585e rgb(87,88,94)
```
#505465
```
#505465 rgb(80,84,101)
```
#49516c
```
#49516c rgb(73,81,108)
```
#424d73
```
#424d73 rgb(66,77,115)
```
#3b497a
```
#3b497a rgb(59,73,122)
```
#344581
```
#344581 rgb(52,69,129)
```
#2d4188
```
#2d4188 rgb(45,65,136)
```
#263d8f
```
#263d8f rgb(38,61,143)
```
#1f3996
```
#1f3996 rgb(31,57,150)
```
#18359d
```
#18359d rgb(24,53,157)
```
#1131a4
```
#1131a4 rgb(17,49,164)
```
#0a2dab
```
#0a2dab rgb(10,45,171)
```
#0329b2
```
#0329b2 rgb(3,41,178)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#363b4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498f Protanopia 1% of men
#004d7d Deuteranopia 1% of men
#005357 Tritanopia 0.001% of the population

Trichromacy

#0b4391 Protanomaly 1% of men, 0.01% of women
#0b4686 Deuteranomaly 6% of men, 0.4% of women
#0b496e Tritanomaly 0.01% of the population

#1f3996 hex color

#1f3996 Color Information

#1f3996 Color Conversion

Color Schemes with #1f3996

Alternatives to #1f3996

#1f3996 Preview

Shades and Tints of #1f3996

Tones of #1f3996

Color Blindness Simulator