#1f4866 hex color

In a RGB color space, hex #1f4866 is composed of 12.2% red, 28.2% green and 40% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 29.4% magenta, 0% yellow and 60% black. It has a hue angle of 205.4 degrees, a saturation of 53.4% and a lightness of 26.1%. #1f4866 color hex could be obtained by blending #3e90cc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 28
- B 40
RGB color chart
- C 70
- M 29
- Y 0
- K 60
CMYK color chart

● #1f4866 color description : Very dark blue.

The hexadecimal color #1f4866 has RGB values of R:31, G:72, B:102 and CMYK values of C:0.7, M:0.29, Y:0, K:0.6. Its decimal value is 2050150.

Hex triplet	1f4866	`#1f4866`
RGB Decimal	31, 72, 102	`rgb(31,72,102)`
RGB Percent	12.2, 28.2, 40	`rgb(12.2%,28.2%,40%)`
CMYK	70, 29, 0, 60
HSL	205.4°, 53.4, 26.1	`hsl(205.4,53.4%,26.1%)`
HSV (or HSB)	205.4°, 69.6, 40
Web Safe	333366	`#333366`

CIE-LAB	29.12, -3.702, -21.756
XYZ	5.28, 5.885, 13.427
xyY	0.215, 0.239, 5.885
CIE-LCH	29.12, 22.069, 260.344
CIE-LUV	29.12, -15.154, -27.482
Hunter-Lab	24.259, -3.601, -15.836
Binary	00011111, 01001000, 01100110

#1f4866
```
#1f4866 rgb(31,72,102)
```
#663d1f
```
#663d1f rgb(102,61,31)
```

Complementary Color

#1f6661
```
#1f6661 rgb(31,102,97)
```
#1f4866
```
#1f4866 rgb(31,72,102)
```
#1f2566
```
#1f2566 rgb(31,37,102)
```

Analogous Color

#66611f
```
#66611f rgb(102,97,31)
```
#1f4866
```
#1f4866 rgb(31,72,102)
```
#661f25
```
#661f25 rgb(102,31,37)
```

Split Complementary Color

#48661f
```
#48661f rgb(72,102,31)
```
#1f4866
```
#1f4866 rgb(31,72,102)
```
#661f48
```
#661f48 rgb(102,31,72)
```

Triadic Color

#1f663d
```
#1f663d rgb(31,102,61)
```
#1f4866
```
#1f4866 rgb(31,72,102)
```
#661f48
```
#661f48 rgb(102,31,72)
```
#663d1f
```
#663d1f rgb(102,61,31)
```

Tetradic Color

#0d1f2b
```
#0d1f2b rgb(13,31,43)
```
#132c3f
```
#132c3f rgb(19,44,63)
```
#193a52
```
#193a52 rgb(25,58,82)
```
#1f4866
```
#1f4866 rgb(31,72,102)
```
#25567a
```
#25567a rgb(37,86,122)
```
#2b648d
```
#2b648d rgb(43,100,141)
```
#3171a1
```
#3171a1 rgb(49,113,161)
```

Monochromatic Color

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

#1f5a66
```
#1f5a66 rgb(31,90,102)
```
#1f5466
```
#1f5466 rgb(31,84,102)
```
#1f4e66
```
#1f4e66 rgb(31,78,102)
```
#1f4866
```
#1f4866 rgb(31,72,102)
```
#1f4266
```
#1f4266 rgb(31,66,102)
```
#1f3c66
```
#1f3c66 rgb(31,60,102)
```
#1f3666
```
#1f3666 rgb(31,54,102)
```

Similar Colors

Text with hexadecimal color #1f4866

This text has a font color of #1f4866.

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

#1f4866 background color

This paragraph has a background color of #1f4866.

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

#1f4866 border color

This element has a border color of #1f4866.

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

CSS codes

.text {color:#1f4866;}

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

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

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, #04080c is the darkest color, while #fcfdfe is the lightest one.

#04080c
```
#04080c rgb(4,8,12)
```
#08131b
```
#08131b rgb(8,19,27)
```
#0d1e2a
```
#0d1e2a rgb(13,30,42)
```
#112839
```
#112839 rgb(17,40,57)
```
#163348
```
#163348 rgb(22,51,72)
```
#1a3d57
```
#1a3d57 rgb(26,61,87)
```
#1f4866
```
#1f4866 rgb(31,72,102)
```
#245375
```
#245375 rgb(36,83,117)
```
#285d84
```
#285d84 rgb(40,93,132)
```
#2d6893
```
#2d6893 rgb(45,104,147)
```
#3172a2
```
#3172a2 rgb(49,114,162)
```
#367db1
```
#367db1 rgb(54,125,177)
```
#3a88c0
```
#3a88c0 rgb(58,136,192)
```

Shade Color Variation

#4791c7
```
#4791c7 rgb(71,145,199)
```
#569acc
```
#569acc rgb(86,154,204)
```
#65a3d0
```
#65a3d0 rgb(101,163,208)
```
#74acd5
```
#74acd5 rgb(116,172,213)
```
#83b5d9
```
#83b5d9 rgb(131,181,217)
```
#92bede
```
#92bede rgb(146,190,222)
```
#a1c7e3
```
#a1c7e3 rgb(161,199,227)
```
#b0d0e7
```
#b0d0e7 rgb(176,208,231)
```
#c0d9ec
```
#c0d9ec rgb(192,217,236)
```
#cfe2f0
```
#cfe2f0 rgb(207,226,240)
```
#deebf5
```
#deebf5 rgb(222,235,245)
```
#edf4f9
```
#edf4f9 rgb(237,244,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3e4347 is the less saturated color, while #004d85 is the most saturated one.

#3e4347
```
#3e4347 rgb(62,67,71)
```
#39444c
```
#39444c rgb(57,68,76)
```
#334552
```
#334552 rgb(51,69,82)
```
#2e4657
```
#2e4657 rgb(46,70,87)
```
#29465c
```
#29465c rgb(41,70,92)
```
#244761
```
#244761 rgb(36,71,97)
```
#1f4866
```
#1f4866 rgb(31,72,102)
```
#1a496b
```
#1a496b rgb(26,73,107)
```
#154a70
```
#154a70 rgb(21,74,112)
```
#104a75
```
#104a75 rgb(16,74,117)
```
#0b4b7a
```
#0b4b7a rgb(11,75,122)
```
#054c80
```
#054c80 rgb(5,76,128)
```
#004d85
```
#004d85 rgb(0,77,133)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#394147 Atypical Achromatopsia 0.001% of the population

Dichromacy

#444d6a Protanopia 1% of men
#3e4d6f Deuteranopia 1% of men
#1c555b Tritanopia 0.001% of the population

Trichromacy

#364b69 Protanomaly 1% of men, 0.01% of women
#334b6c Deuteranomaly 6% of men, 0.4% of women
#1d505f Tritanomaly 0.01% of the population

#1f4866 hex color

#1f4866 Color Information

#1f4866 Color Conversion

Color Schemes with #1f4866

Alternatives to #1f4866

#1f4866 Preview

Shades and Tints of #1f4866

Tones of #1f4866

Color Blindness Simulator