#1f4eae hex color

In a RGB color space, hex #1f4eae is composed of 12.2% red, 30.6% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 55.2% magenta, 0% yellow and 31.8% black. It has a hue angle of 220.3 degrees, a saturation of 69.8% and a lightness of 40.2%. #1f4eae color hex could be obtained by blending #3e9cff with #00005d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 31
- B 68
RGB color chart
- C 82
- M 55
- Y 0
- K 32
CMYK color chart

● #1f4eae color description : Dark blue.

The hexadecimal color #1f4eae has RGB values of R:31, G:78, B:174 and CMYK values of C:0.82, M:0.55, Y:0, K:0.32. Its decimal value is 2051758.

Hex triplet	1f4eae	`#1f4eae`
RGB Decimal	31, 78, 174	`rgb(31,78,174)`
RGB Percent	12.2, 30.6, 68.2	`rgb(12.2%,30.6%,68.2%)`
CMYK	82, 55, 0, 32
HSL	220.3°, 69.8, 40.2	`hsl(220.3,69.8%,40.2%)`
HSV (or HSB)	220.3°, 82.2, 68.2
Web Safe	336699	`#336699`

CIE-LAB	35.587, 20.77, -55.672
XYZ	10.928, 8.795, 41.164
xyY	0.179, 0.144, 8.795
CIE-LCH	35.587, 59.421, 290.459
CIE-LUV	35.587, -15.603, -79.176
Hunter-Lab	29.657, 13.874, -61.535
Binary	00011111, 01001110, 10101110

#1f4eae
```
#1f4eae rgb(31,78,174)
```
#ae7f1f
```
#ae7f1f rgb(174,127,31)
```

Complementary Color

#1f96ae
```
#1f96ae rgb(31,150,174)
```
#1f4eae
```
#1f4eae rgb(31,78,174)
```
#371fae
```
#371fae rgb(55,31,174)
```

Analogous Color

#96ae1f
```
#96ae1f rgb(150,174,31)
```
#1f4eae
```
#1f4eae rgb(31,78,174)
```
#ae381f
```
#ae381f rgb(174,56,31)
```

Split Complementary Color

#4eae1f
```
#4eae1f rgb(78,174,31)
```
#1f4eae
```
#1f4eae rgb(31,78,174)
```
#ae1f4e
```
#ae1f4e rgb(174,31,78)
```

Triadic Color

#1fae7f
```
#1fae7f rgb(31,174,127)
```
#1f4eae
```
#1f4eae rgb(31,78,174)
```
#ae1f4e
```
#ae1f4e rgb(174,31,78)
```
#ae7f1f
```
#ae7f1f rgb(174,127,31)
```

Tetradic Color

#13316d
```
#13316d rgb(19,49,109)
```
#173b83
```
#173b83 rgb(23,59,131)
```
#1b4498
```
#1b4498 rgb(27,68,152)
```
#1f4eae
```
#1f4eae rgb(31,78,174)
```
#2358c4
```
#2358c4 rgb(35,88,196)
```
#2762d9
```
#2762d9 rgb(39,98,217)
```
#3d71dc
```
#3d71dc rgb(61,113,220)
```

Monochromatic Color

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

#1f72ae
```
#1f72ae rgb(31,114,174)
```
#1f66ae
```
#1f66ae rgb(31,102,174)
```
#1f5aae
```
#1f5aae rgb(31,90,174)
```
#1f4eae
```
#1f4eae rgb(31,78,174)
```
#1f42ae
```
#1f42ae rgb(31,66,174)
```
#1f36ae
```
#1f36ae rgb(31,54,174)
```
#1f2aae
```
#1f2aae rgb(31,42,174)
```

Similar Colors

Text with hexadecimal color #1f4eae

This text has a font color of #1f4eae.

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

#1f4eae background color

This paragraph has a background color of #1f4eae.

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

#1f4eae border color

This element has a border color of #1f4eae.

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

CSS codes

.text {color:#1f4eae;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#040b18
```
#040b18 rgb(4,11,24)
```
#071229
```
#071229 rgb(7,18,41)
```
#0a1a39
```
#0a1a39 rgb(10,26,57)
```
#0d214a
```
#0d214a rgb(13,33,74)
```
#10295b
```
#10295b rgb(16,41,91)
```
#13306b
```
#13306b rgb(19,48,107)
```
#16387c
```
#16387c rgb(22,56,124)
```
#193f8d
```
#193f8d rgb(25,63,141)
```
#1c479d
```
#1c479d rgb(28,71,157)
```
#1f4eae
```
#1f4eae rgb(31,78,174)
```
#2255bf
```
#2255bf rgb(34,85,191)
```
#255dcf
```
#255dcf rgb(37,93,207)
```

Shade Color Variation

#2e67da
```
#2e67da rgb(46,103,218)
```
#3f73dd
```
#3f73dd rgb(63,115,221)
```
#4f7fe0
```
#4f7fe0 rgb(79,127,224)
```
#608be3
```
#608be3 rgb(96,139,227)
```
#7197e6
```
#7197e6 rgb(113,151,230)
```
#81a3e9
```
#81a3e9 rgb(129,163,233)
```
#92afec
```
#92afec rgb(146,175,236)
```
#a3bcef
```
#a3bcef rgb(163,188,239)
```
#b3c8f2
```
#b3c8f2 rgb(179,200,242)
```
#c4d4f4
```
#c4d4f4 rgb(196,212,244)
```
#d5e0f7
```
#d5e0f7 rgb(213,224,247)
```
#e5ecfa
```
#e5ecfa rgb(229,236,250)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

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

#666667
```
#666667 rgb(102,102,103)
```
#5e646f
```
#5e646f rgb(94,100,111)
```
#566177
```
#566177 rgb(86,97,119)
```
#4e5e7f
```
#4e5e7f rgb(78,94,127)
```
#465c87
```
#465c87 rgb(70,92,135)
```
#3f598e
```
#3f598e rgb(63,89,142)
```
#375696
```
#375696 rgb(55,86,150)
```
#2f539e
```
#2f539e rgb(47,83,158)
```
#2751a6
```
#2751a6 rgb(39,81,166)
```
#1f4eae
```
#1f4eae rgb(31,78,174)
```
#174bb6
```
#174bb6 rgb(23,75,182)
```
#0f49be
```
#0f49be rgb(15,73,190)
```
#0746c6
```
#0746c6 rgb(7,70,198)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#424c5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059b0 Protanopia 1% of men
#005e9a Deuteranopia 1% of men
#00656b Tritanopia 0.001% of the population

Trichromacy

#0b55af Protanomaly 1% of men, 0.01% of women
#0b58a1 Deuteranomaly 6% of men, 0.4% of women
#0b5d83 Tritanomaly 0.01% of the population

#1f4eae hex color

#1f4eae Color Information

#1f4eae Color Conversion

Color Schemes with #1f4eae

Alternatives to #1f4eae

#1f4eae Preview

Shades and Tints of #1f4eae

Tones of #1f4eae

Color Blindness Simulator