#1f486e hex color

In a RGB color space, hex #1f486e is composed of 12.2% red, 28.2% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 34.5% magenta, 0% yellow and 56.9% black. It has a hue angle of 208.9 degrees, a saturation of 56% and a lightness of 27.6%. #1f486e color hex could be obtained by blending #3e90dc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 28
- B 43
RGB color chart
- C 72
- M 35
- Y 0
- K 57
CMYK color chart

● #1f486e color description : Very dark blue.

The hexadecimal color #1f486e has RGB values of R:31, G:72, B:110 and CMYK values of C:0.72, M:0.35, Y:0, K:0.57. Its decimal value is 2050158.

Hex triplet	1f486e	`#1f486e`
RGB Decimal	31, 72, 110	`rgb(31,72,110)`
RGB Percent	12.2, 28.2, 43.1	`rgb(12.2%,28.2%,43.1%)`
CMYK	72, 35, 0, 57
HSL	208.9°, 56, 27.6	`hsl(208.9,56%,27.6%)`
HSV (or HSB)	208.9°, 71.8, 43.1
Web Safe	333366	`#333366`

CIE-LAB	29.542, -0.633, -26.175
XYZ	5.696, 6.051, 15.619
xyY	0.208, 0.221, 6.051
CIE-LCH	29.542, 26.182, 268.615
CIE-LUV	29.542, -14.926, -33.926
Hunter-Lab	24.6, -1.716, -20.425
Binary	00011111, 01001000, 01101110

#1f486e
```
#1f486e rgb(31,72,110)
```
#6e451f
```
#6e451f rgb(110,69,31)
```

Complementary Color

#1f6e6d
```
#1f6e6d rgb(31,110,109)
```
#1f486e
```
#1f486e rgb(31,72,110)
```
#1f216e
```
#1f216e rgb(31,33,110)
```

Analogous Color

#6e6d1f
```
#6e6d1f rgb(110,109,31)
```
#1f486e
```
#1f486e rgb(31,72,110)
```
#6e1f21
```
#6e1f21 rgb(110,31,33)
```

Split Complementary Color

#486e1f
```
#486e1f rgb(72,110,31)
```
#1f486e
```
#1f486e rgb(31,72,110)
```
#6e1f48
```
#6e1f48 rgb(110,31,72)
```

Triadic Color

#1f6e45
```
#1f6e45 rgb(31,110,69)
```
#1f486e
```
#1f486e rgb(31,72,110)
```
#6e1f48
```
#6e1f48 rgb(110,31,72)
```
#6e451f
```
#6e451f rgb(110,69,31)
```

Tetradic Color

#0e2132
```
#0e2132 rgb(14,33,50)
```
#142e46
```
#142e46 rgb(20,46,70)
```
#193b5a
```
#193b5a rgb(25,59,90)
```
#1f486e
```
#1f486e rgb(31,72,110)
```
#255582
```
#255582 rgb(37,85,130)
```
#2a6296
```
#2a6296 rgb(42,98,150)
```
#306faa
```
#306faa rgb(48,111,170)
```

Monochromatic Color

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

#1f5c6e
```
#1f5c6e rgb(31,92,110)
```
#1f556e
```
#1f556e rgb(31,85,110)
```
#1f4f6e
```
#1f4f6e rgb(31,79,110)
```
#1f486e
```
#1f486e rgb(31,72,110)
```
#1f416e
```
#1f416e rgb(31,65,110)
```
#1f3b6e
```
#1f3b6e rgb(31,59,110)
```
#1f346e
```
#1f346e rgb(31,52,110)
```

Similar Colors

Text with hexadecimal color #1f486e

This text has a font color of #1f486e.

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

#1f486e background color

This paragraph has a background color of #1f486e.

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

#1f486e border color

This element has a border color of #1f486e.

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

CSS codes

.text {color:#1f486e;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050c12
```
#050c12 rgb(5,12,18)
```
#091621
```
#091621 rgb(9,22,33)
```
#0e2031
```
#0e2031 rgb(14,32,49)
```
#122a40
```
#122a40 rgb(18,42,64)
```
#16344f
```
#16344f rgb(22,52,79)
```
#1b3e5f
```
#1b3e5f rgb(27,62,95)
```
#1f486e
```
#1f486e rgb(31,72,110)
```
#23527d
```
#23527d rgb(35,82,125)
```
#285c8d
```
#285c8d rgb(40,92,141)
```
#2c669c
```
#2c669c rgb(44,102,156)
```
#3070ab
```
#3070ab rgb(48,112,171)
```
#357abb
```
#357abb rgb(53,122,187)
```

Shade Color Variation

#3b84c8
```
#3b84c8 rgb(59,132,200)
```
#4a8ecc
```
#4a8ecc rgb(74,142,204)
```
#5a97d0
```
#5a97d0 rgb(90,151,208)
```
#69a1d5
```
#69a1d5 rgb(105,161,213)
```
#78aad9
```
#78aad9 rgb(120,170,217)
```
#87b4dd
```
#87b4dd rgb(135,180,221)
```
#97bee2
```
#97bee2 rgb(151,190,226)
```
#a6c7e6
```
#a6c7e6 rgb(166,199,230)
```
#b5d1ea
```
#b5d1ea rgb(181,209,234)
```
#c5daef
```
#c5daef rgb(197,218,239)
```
#d4e4f3
```
#d4e4f3 rgb(212,228,243)
```
#e3eef7
```
#e3eef7 rgb(227,238,247)
```
#f3f7fb
```
#f3f7fb rgb(243,247,251)
```

Tint Color Variation

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

#454748
```
#454748 rgb(69,71,72)
```
#40474d
```
#40474d rgb(64,71,77)
```
#3a4753
```
#3a4753 rgb(58,71,83)
```
#354758
```
#354758 rgb(53,71,88)
```
#2f475e
```
#2f475e rgb(47,71,94)
```
#2a4863
```
#2a4863 rgb(42,72,99)
```
#244869
```
#244869 rgb(36,72,105)
```
#1f486e
```
#1f486e rgb(31,72,110)
```
#1a4873
```
#1a4873 rgb(26,72,115)
```
#144879
```
#144879 rgb(20,72,121)
```
#0f497e
```
#0f497e rgb(15,73,126)
```
#094984
```
#094984 rgb(9,73,132)
```
#044989
```
#044989 rgb(4,73,137)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#394249 Atypical Achromatopsia 0.001% of the population

Dichromacy

#414e72 Protanopia 1% of men
#384f76 Deuteranopia 1% of men
#12565d Tritanopia 0.001% of the population

Trichromacy

#344b71 Protanomaly 1% of men, 0.01% of women
#2f4c73 Deuteranomaly 6% of men, 0.4% of women
#175163 Tritanomaly 0.01% of the population

#1f486e hex color

#1f486e Color Information

#1f486e Color Conversion

Color Schemes with #1f486e

Alternatives to #1f486e

#1f486e Preview

Shades and Tints of #1f486e

Tones of #1f486e

Color Blindness Simulator