#1f477e hex color

In a RGB color space, hex #1f477e is composed of 12.2% red, 27.8% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 43.7% magenta, 0% yellow and 50.6% black. It has a hue angle of 214.7 degrees, a saturation of 60.5% and a lightness of 30.8%. #1f477e color hex could be obtained by blending #3e8efc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 28
- B 49
RGB color chart
- C 75
- M 44
- Y 0
- K 51
CMYK color chart

● #1f477e color description : Dark blue.

The hexadecimal color #1f477e has RGB values of R:31, G:71, B:126 and CMYK values of C:0.75, M:0.44, Y:0, K:0.51. Its decimal value is 2049918.

Hex triplet	1f477e	`#1f477e`
RGB Decimal	31, 71, 126	`rgb(31,71,126)`
RGB Percent	12.2, 27.8, 49.4	`rgb(12.2%,27.8%,49.4%)`
CMYK	75, 44, 0, 51
HSL	214.7°, 60.5, 30.8	`hsl(214.7,60.5%,30.8%)`
HSV (or HSB)	214.7°, 75.4, 49.4
Web Safe	333366	`#333366`

CIE-LAB	30.166, 6.348, -35.232
XYZ	6.583, 6.304, 20.607
xyY	0.197, 0.188, 6.304
CIE-LCH	30.166, 35.8, 280.214
CIE-LUV	30.166, -14.214, -47.136
Hunter-Lab	25.107, 2.867, -31.089
Binary	00011111, 01000111, 01111110

#1f477e
```
#1f477e rgb(31,71,126)
```
#7e561f
```
#7e561f rgb(126,86,31)
```

Complementary Color

#1f777e
```
#1f777e rgb(31,119,126)
```
#1f477e
```
#1f477e rgb(31,71,126)
```
#271f7e
```
#271f7e rgb(39,31,126)
```

Analogous Color

#777e1f
```
#777e1f rgb(119,126,31)
```
#1f477e
```
#1f477e rgb(31,71,126)
```
#7e271f
```
#7e271f rgb(126,39,31)
```

Split Complementary Color

#477e1f
```
#477e1f rgb(71,126,31)
```
#1f477e
```
#1f477e rgb(31,71,126)
```
#7e1f47
```
#7e1f47 rgb(126,31,71)
```

Triadic Color

#1f7e56
```
#1f7e56 rgb(31,126,86)
```
#1f477e
```
#1f477e rgb(31,71,126)
```
#7e1f47
```
#7e1f47 rgb(126,31,71)
```
#7e561f
```
#7e561f rgb(126,86,31)
```

Tetradic Color

#102441
```
#102441 rgb(16,36,65)
```
#153055
```
#153055 rgb(21,48,85)
```
#1a3b6a
```
#1a3b6a rgb(26,59,106)
```
#1f477e
```
#1f477e rgb(31,71,126)
```
#245392
```
#245392 rgb(36,83,146)
```
#295ea7
```
#295ea7 rgb(41,94,167)
```
#2e6abb
```
#2e6abb rgb(46,106,187)
```

Monochromatic Color

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

#1f5f7e
```
#1f5f7e rgb(31,95,126)
```
#1f577e
```
#1f577e rgb(31,87,126)
```
#1f4f7e
```
#1f4f7e rgb(31,79,126)
```
#1f477e
```
#1f477e rgb(31,71,126)
```
#1f3f7e
```
#1f3f7e rgb(31,63,126)
```
#1f377e
```
#1f377e rgb(31,55,126)
```
#1f2f7e
```
#1f2f7e rgb(31,47,126)
```

Similar Colors

Text with hexadecimal color #1f477e

This text has a font color of #1f477e.

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

#1f477e background color

This paragraph has a background color of #1f477e.

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

#1f477e border color

This element has a border color of #1f477e.

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

CSS codes

.text {color:#1f477e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040910
```
#040910 rgb(4,9,16)
```
#081220
```
#081220 rgb(8,18,32)
```
#0c1b2f
```
#0c1b2f rgb(12,27,47)
```
#10243f
```
#10243f rgb(16,36,63)
```
#132c4f
```
#132c4f rgb(19,44,79)
```
#17355f
```
#17355f rgb(23,53,95)
```
#1b3e6e
```
#1b3e6e rgb(27,62,110)
```
#1f477e
```
#1f477e rgb(31,71,126)
```
#23508e
```
#23508e rgb(35,80,142)
```
#27599d
```
#27599d rgb(39,89,157)
```
#2b62ad
```
#2b62ad rgb(43,98,173)
```
#2e6abd
```
#2e6abd rgb(46,106,189)
```

Shade Color Variation

#3273cd
```
#3273cd rgb(50,115,205)
```
#427ed1
```
#427ed1 rgb(66,126,209)
```
#5289d4
```
#5289d4 rgb(82,137,212)
```
#6294d8
```
#6294d8 rgb(98,148,216)
```
#719edc
```
#719edc rgb(113,158,220)
```
#81a9e0
```
#81a9e0 rgb(129,169,224)
```
#91b4e4
```
#91b4e4 rgb(145,180,228)
```
#a1bfe8
```
#a1bfe8 rgb(161,191,232)
```
#b0c9ec
```
#b0c9ec rgb(176,201,236)
```
#c0d4f0
```
#c0d4f0 rgb(192,212,240)
```
#d0dff3
```
#d0dff3 rgb(208,223,243)
```
#e0eaf7
```
#e0eaf7 rgb(224,234,247)
```
#eff4fb
```
#eff4fb rgb(239,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494e54 is the less saturated color, while #01429c is the most saturated one.

#494e54
```
#494e54 rgb(73,78,84)
```
#434d5a
```
#434d5a rgb(67,77,90)
```
#3d4c60
```
#3d4c60 rgb(61,76,96)
```
#374b66
```
#374b66 rgb(55,75,102)
```
#314a6c
```
#314a6c rgb(49,74,108)
```
#2b4972
```
#2b4972 rgb(43,73,114)
```
#254878
```
#254878 rgb(37,72,120)
```
#1f477e
```
#1f477e rgb(31,71,126)
```
#194684
```
#194684 rgb(25,70,132)
```
#13458a
```
#13458a rgb(19,69,138)
```
#0d4490
```
#0d4490 rgb(13,68,144)
```
#074396
```
#074396 rgb(7,67,150)
```
#01429c
```
#01429c rgb(1,66,156)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3a424d Atypical Achromatopsia 0.001% of the population

Dichromacy

#374e83 Protanopia 1% of men
#225184 Deuteranopia 1% of men
#00585e Tritanopia 0.001% of the population

Trichromacy

#2e4c81 Protanomaly 1% of men, 0.01% of women
#214d82 Deuteranomaly 6% of men, 0.4% of women
#0b5269 Tritanomaly 0.01% of the population

#1f477e hex color

#1f477e Color Information

#1f477e Color Conversion

Color Schemes with #1f477e

Alternatives to #1f477e

#1f477e Preview

Shades and Tints of #1f477e

Tones of #1f477e

Color Blindness Simulator