#1f4d96 hex color

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

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

● #1f4d96 color description : Dark blue.

The hexadecimal color #1f4d96 has RGB values of R:31, G:77, B:150 and CMYK values of C:0.79, M:0.49, Y:0, K:0.41. Its decimal value is 2051478.

Hex triplet	1f4d96	`#1f4d96`
RGB Decimal	31, 77, 150	`rgb(31,77,150)`
RGB Percent	12.2, 30.2, 58.8	`rgb(12.2%,30.2%,58.8%)`
CMYK	79, 49, 0, 41
HSL	216.8°, 65.7, 35.5	`hsl(216.8,65.7%,35.5%)`
HSV (or HSB)	216.8°, 79.3, 58.8
Web Safe	336699	`#336699`

CIE-LAB	33.564, 11.896, -44.54
XYZ	8.723, 7.8, 29.898
xyY	0.188, 0.168, 7.8
CIE-LCH	33.564, 46.101, 284.953
CIE-LUV	33.564, -15.653, -62.155
Hunter-Lab	27.929, 6.872, -43.92
Binary	00011111, 01001101, 10010110

#1f4d96
```
#1f4d96 rgb(31,77,150)
```
#96681f
```
#96681f rgb(150,104,31)
```

Complementary Color

#1f8996
```
#1f8996 rgb(31,137,150)
```
#1f4d96
```
#1f4d96 rgb(31,77,150)
```
#2c1f96
```
#2c1f96 rgb(44,31,150)
```

Analogous Color

#89961f
```
#89961f rgb(137,150,31)
```
#1f4d96
```
#1f4d96 rgb(31,77,150)
```
#962d1f
```
#962d1f rgb(150,45,31)
```

Split Complementary Color

#4d961f
```
#4d961f rgb(77,150,31)
```
#1f4d96
```
#1f4d96 rgb(31,77,150)
```
#961f4d
```
#961f4d rgb(150,31,77)
```

Triadic Color

#1f9668
```
#1f9668 rgb(31,150,104)
```
#1f4d96
```
#1f4d96 rgb(31,77,150)
```
#961f4d
```
#961f4d rgb(150,31,77)
```
#96681f
```
#96681f rgb(150,104,31)
```

Tetradic Color

#122c57
```
#122c57 rgb(18,44,87)
```
#16376c
```
#16376c rgb(22,55,108)
```
#1b4281
```
#1b4281 rgb(27,66,129)
```
#1f4d96
```
#1f4d96 rgb(31,77,150)
```
#2358ab
```
#2358ab rgb(35,88,171)
```
#2863c0
```
#2863c0 rgb(40,99,192)
```
#2e6ed4
```
#2e6ed4 rgb(46,110,212)
```

Monochromatic Color

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

#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)
```
#1f2f96
```
#1f2f96 rgb(31,47,150)
```

Similar Colors

Text with hexadecimal color #1f4d96

This text has a font color of #1f4d96.

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

#1f4d96 background color

This paragraph has a background color of #1f4d96.

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

#1f4d96 border color

This element has a border color of #1f4d96.

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

CSS codes

.text {color:#1f4d96;}

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

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

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)
```
#040a14
```
#040a14 rgb(4,10,20)
```
#071324
```
#071324 rgb(7,19,36)
```
#0b1b34
```
#0b1b34 rgb(11,27,52)
```
#0e2345
```
#0e2345 rgb(14,35,69)
```
#122c55
```
#122c55 rgb(18,44,85)
```
#153465
```
#153465 rgb(21,52,101)
```
#183c75
```
#183c75 rgb(24,60,117)
```
#1c4586
```
#1c4586 rgb(28,69,134)
```
#1f4d96
```
#1f4d96 rgb(31,77,150)
```
#2255a6
```
#2255a6 rgb(34,85,166)
```
#265eb7
```
#265eb7 rgb(38,94,183)
```
#2966c7
```
#2966c7 rgb(41,102,199)
```

Shade Color Variation

#2f6fd4
```
#2f6fd4 rgb(47,111,212)
```
#407ad7
```
#407ad7 rgb(64,122,215)
```
#5086db
```
#5086db rgb(80,134,219)
```
#6091de
```
#6091de rgb(96,145,222)
```
#709ce2
```
#709ce2 rgb(112,156,226)
```
#81a7e5
```
#81a7e5 rgb(129,167,229)
```
#91b3e8
```
#91b3e8 rgb(145,179,232)
```
#a1beec
```
#a1beec rgb(161,190,236)
```
#b1c9ef
```
#b1c9ef rgb(177,201,239)
```
#c2d4f2
```
#c2d4f2 rgb(194,212,242)
```
#d2e0f6
```
#d2e0f6 rgb(210,224,246)
```
#e2ebf9
```
#e2ebf9 rgb(226,235,249)
```
#f2f6fc
```
#f2f6fc rgb(242,246,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 #0347b2 is the most saturated one.

#575a5e
```
#575a5e rgb(87,90,94)
```
#505865
```
#505865 rgb(80,88,101)
```
#49566c
```
#49566c rgb(73,86,108)
```
#425573
```
#425573 rgb(66,85,115)
```
#3b537a
```
#3b537a rgb(59,83,122)
```
#345281
```
#345281 rgb(52,82,129)
```
#2d5088
```
#2d5088 rgb(45,80,136)
```
#264f8f
```
#264f8f rgb(38,79,143)
```
#1f4d96
```
#1f4d96 rgb(31,77,150)
```
#184b9d
```
#184b9d rgb(24,75,157)
```
#114aa4
```
#114aa4 rgb(17,74,164)
```
#0a48ab
```
#0a48ab rgb(10,72,171)
```
#0347b2
```
#0347b2 rgb(3,71,178)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#404958 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f559b Protanopia 1% of men
#005994 Deuteranopia 1% of men
#006066 Tritanopia 0.001% of the population

Trichromacy

#295299 Protanomaly 1% of men, 0.01% of women
#0b5595 Deuteranomaly 6% of men, 0.4% of women
#0b5977 Tritanomaly 0.01% of the population

#1f4d96 hex color

#1f4d96 Color Information

#1f4d96 Color Conversion

Color Schemes with #1f4d96

Alternatives to #1f4d96

#1f4d96 Preview

Shades and Tints of #1f4d96

Tones of #1f4d96

Color Blindness Simulator