#1f4596 hex color

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

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

● #1f4596 color description : Dark blue.

The hexadecimal color #1f4596 has RGB values of R:31, G:69, B:150 and CMYK values of C:0.79, M:0.54, Y:0, K:0.41. Its decimal value is 2049430.

Hex triplet	1f4596	`#1f4596`
RGB Decimal	31, 69, 150	`rgb(31,69,150)`
RGB Percent	12.2, 27.1, 58.8	`rgb(12.2%,27.1%,58.8%)`
CMYK	79, 54, 0, 41
HSL	220.8°, 65.7, 35.5	`hsl(220.8,65.7%,35.5%)`
HSV (or HSB)	220.8°, 79.3, 58.8
Web Safe	333399	`#333399`

CIE-LAB	31.228, 17.336, -48.312
XYZ	8.197, 6.749, 29.723
xyY	0.184, 0.151, 6.749
CIE-LCH	31.228, 51.328, 289.74
CIE-LUV	31.228, -13.293, -65.968
Hunter-Lab	25.979, 10.859, -49.651
Binary	00011111, 01000101, 10010110

#1f4596
```
#1f4596 rgb(31,69,150)
```
#96701f
```
#96701f rgb(150,112,31)
```

Complementary Color

#1f8196
```
#1f8196 rgb(31,129,150)
```
#1f4596
```
#1f4596 rgb(31,69,150)
```
#341f96
```
#341f96 rgb(52,31,150)
```

Analogous Color

#81961f
```
#81961f rgb(129,150,31)
```
#1f4596
```
#1f4596 rgb(31,69,150)
```
#96351f
```
#96351f rgb(150,53,31)
```

Split Complementary Color

#45961f
```
#45961f rgb(69,150,31)
```
#1f4596
```
#1f4596 rgb(31,69,150)
```
#961f45
```
#961f45 rgb(150,31,69)
```

Triadic Color

#1f9670
```
#1f9670 rgb(31,150,112)
```
#1f4596
```
#1f4596 rgb(31,69,150)
```
#961f45
```
#961f45 rgb(150,31,69)
```
#96701f
```
#96701f rgb(150,112,31)
```

Tetradic Color

#122857
```
#122857 rgb(18,40,87)
```
#16326c
```
#16326c rgb(22,50,108)
```
#1b3b81
```
#1b3b81 rgb(27,59,129)
```
#1f4596
```
#1f4596 rgb(31,69,150)
```
#234fab
```
#234fab rgb(35,79,171)
```
#2858c0
```
#2858c0 rgb(40,88,192)
```
#2e63d4
```
#2e63d4 rgb(46,99,212)
```

Monochromatic Color

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

#1f6396
```
#1f6396 rgb(31,99,150)
```
#1f5996
```
#1f5996 rgb(31,89,150)
```
#1f4f96
```
#1f4f96 rgb(31,79,150)
```
#1f4596
```
#1f4596 rgb(31,69,150)
```
#1f3b96
```
#1f3b96 rgb(31,59,150)
```
#1f3196
```
#1f3196 rgb(31,49,150)
```
#1f2796
```
#1f2796 rgb(31,39,150)
```

Similar Colors

Text with hexadecimal color #1f4596

This text has a font color of #1f4596.

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

#1f4596 background color

This paragraph has a background color of #1f4596.

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

#1f4596 border color

This element has a border color of #1f4596.

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

CSS codes

.text {color:#1f4596;}

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

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

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 #f2f6fc is the lightest one.

#010204
```
#010204 rgb(1,2,4)
```
#040914
```
#040914 rgb(4,9,20)
```
#071124
```
#071124 rgb(7,17,36)
```
#0b1834
```
#0b1834 rgb(11,24,52)
```
#0e2045
```
#0e2045 rgb(14,32,69)
```
#122755
```
#122755 rgb(18,39,85)
```
#152f65
```
#152f65 rgb(21,47,101)
```
#183675
```
#183675 rgb(24,54,117)
```
#1c3e86
```
#1c3e86 rgb(28,62,134)
```
#1f4596
```
#1f4596 rgb(31,69,150)
```
#224ca6
```
#224ca6 rgb(34,76,166)
```
#2654b7
```
#2654b7 rgb(38,84,183)
```
#295bc7
```
#295bc7 rgb(41,91,199)
```

Shade Color Variation

#2f64d4
```
#2f64d4 rgb(47,100,212)
```
#4070d7
```
#4070d7 rgb(64,112,215)
```
#507cdb
```
#507cdb rgb(80,124,219)
```
#6088de
```
#6088de rgb(96,136,222)
```
#7095e2
```
#7095e2 rgb(112,149,226)
```
#81a1e5
```
#81a1e5 rgb(129,161,229)
```
#91ade8
```
#91ade8 rgb(145,173,232)
```
#a1b9ec
```
#a1b9ec rgb(161,185,236)
```
#b1c5ef
```
#b1c5ef rgb(177,197,239)
```
#c2d1f2
```
#c2d1f2 rgb(194,209,242)
```
#d2ddf6
```
#d2ddf6 rgb(210,221,246)
```
#e2e9f9
```
#e2e9f9 rgb(226,233,249)
```
#f2f6fc
```
#f2f6fc rgb(242,246,252)
```

Tint Color Variation

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

#57595e
```
#57595e rgb(87,89,94)
```
#505765
```
#505765 rgb(80,87,101)
```
#49546c
```
#49546c rgb(73,84,108)
```
#425273
```
#425273 rgb(66,82,115)
```
#3b4f7a
```
#3b4f7a rgb(59,79,122)
```
#344d81
```
#344d81 rgb(52,77,129)
```
#2d4a88
```
#2d4a88 rgb(45,74,136)
```
#26488f
```
#26488f rgb(38,72,143)
```
#1f4596
```
#1f4596 rgb(31,69,150)
```
#18429d
```
#18429d rgb(24,66,157)
```
#1140a4
```
#1140a4 rgb(17,64,164)
```
#0a3dab
```
#0a3dab rgb(10,61,171)
```
#033bb2
```
#033bb2 rgb(3,59,178)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3c4354 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0e509d Protanopia 1% of men
#00548a Deuteranopia 1% of men
#005b60 Tritanopia 0.001% of the population

Trichromacy

#144c9a Protanomaly 1% of men, 0.01% of women
#0b4e8e Deuteranomaly 6% of men, 0.4% of women
#0b5374 Tritanomaly 0.01% of the population

#1f4596 hex color

#1f4596 Color Information

#1f4596 Color Conversion

Color Schemes with #1f4596

Alternatives to #1f4596

#1f4596 Preview

Shades and Tints of #1f4596

Tones of #1f4596

Color Blindness Simulator