#1f4aee hex color

In a RGB color space, hex #1f4aee is composed of 12.2% red, 29% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 68.9% magenta, 0% yellow and 6.7% black. It has a hue angle of 227.5 degrees, a saturation of 85.9% and a lightness of 52.7%. #1f4aee color hex could be obtained by blending #3e94ff with #0000dd. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 12
- G 29
- B 93
RGB color chart
- C 87
- M 69
- Y 0
- K 7
CMYK color chart

● #1f4aee color description : Vivid blue.

The hexadecimal color #1f4aee has RGB values of R:31, G:74, B:238 and CMYK values of C:0.87, M:0.69, Y:0, K:0.07. Its decimal value is 2050798.

Hex triplet	1f4aee	`#1f4aee`
RGB Decimal	31, 74, 238	`rgb(31,74,238)`
RGB Percent	12.2, 29, 93.3	`rgb(12.2%,29%,93.3%)`
CMYK	87, 69, 0, 7
HSL	227.5°, 85.9, 52.7	`hsl(227.5,85.9%,52.7%)`
HSV (or HSB)	227.5°, 87, 93.3
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.181, 47.31, -85.176
XYZ	18.443, 11.36, 82.105
xyY	0.165, 0.102, 11.36
CIE-LCH	40.181, 97.433, 299.049
CIE-LUV	40.181, -14.788, -121.908
Hunter-Lab	33.705, 38.69, -120.835
Binary	00011111, 01001010, 11101110

#1f4aee
```
#1f4aee rgb(31,74,238)
```
#eec31f
```
#eec31f rgb(238,195,31)
```

Complementary Color

#1fb2ee
```
#1fb2ee rgb(31,178,238)
```
#1f4aee
```
#1f4aee rgb(31,74,238)
```
#5c1fee
```
#5c1fee rgb(92,31,238)
```

Analogous Color

#b2ee1f
```
#b2ee1f rgb(178,238,31)
```
#1f4aee
```
#1f4aee rgb(31,74,238)
```
#ee5b1f
```
#ee5b1f rgb(238,91,31)
```

Split Complementary Color

#4aee1f
```
#4aee1f rgb(74,238,31)
```
#1f4aee
```
#1f4aee rgb(31,74,238)
```
#ee1f4a
```
#ee1f4a rgb(238,31,74)
```

Triadic Color

#1feec3
```
#1feec3 rgb(31,238,195)
```
#1f4aee
```
#1f4aee rgb(31,74,238)
```
#ee1f4a
```
#ee1f4a rgb(238,31,74)
```
#eec31f
```
#eec31f rgb(238,195,31)
```

Tetradic Color

#0e30b3
```
#0e30b3 rgb(14,48,179)
```
#0f36cb
```
#0f36cb rgb(15,54,203)
```
#113de2
```
#113de2 rgb(17,61,226)
```
#1f4aee
```
#1f4aee rgb(31,74,238)
```
#375df0
```
#375df0 rgb(55,93,240)
```
#4e70f2
```
#4e70f2 rgb(78,112,242)
```
#6683f3
```
#6683f3 rgb(102,131,243)
```

Monochromatic Color

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

#1f7eee
```
#1f7eee rgb(31,126,238)
```
#1f6dee
```
#1f6dee rgb(31,109,238)
```
#1f5bee
```
#1f5bee rgb(31,91,238)
```
#1f4aee
```
#1f4aee rgb(31,74,238)
```
#1f39ee
```
#1f39ee rgb(31,57,238)
```
#1f28ee
```
#1f28ee rgb(31,40,238)
```
#281fee
```
#281fee rgb(40,31,238)
```

Similar Colors

Text with hexadecimal color #1f4aee

This text has a font color of #1f4aee.

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

#1f4aee background color

This paragraph has a background color of #1f4aee.

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

#1f4aee border color

This element has a border color of #1f4aee.

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

CSS codes

.text {color:#1f4aee;}

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

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

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, #01030d is the darkest color, while #fafbff is the lightest one.

#01030d
```
#01030d rgb(1,3,13)
```
#02081f
```
#02081f rgb(2,8,31)
```
#040d31
```
#040d31 rgb(4,13,49)
```
#051244
```
#051244 rgb(5,18,68)
```
#071756
```
#071756 rgb(7,23,86)
```
#081c68
```
#081c68 rgb(8,28,104)
```
#09217a
```
#09217a rgb(9,33,122)
```
#0b268d
```
#0b268d rgb(11,38,141)
```
#0c2b9f
```
#0c2b9f rgb(12,43,159)
```
#0d2fb1
```
#0d2fb1 rgb(13,47,177)
```
#0f34c3
```
#0f34c3 rgb(15,52,195)
```
#1039d6
```
#1039d6 rgb(16,57,214)
```
#123ee8
```
#123ee8 rgb(18,62,232)
```

Shade Color Variation

#1f4aee
```
#1f4aee rgb(31,74,238)
```
#3159ef
```
#3159ef rgb(49,89,239)
```
#4367f1
```
#4367f1 rgb(67,103,241)
```
#5676f2
```
#5676f2 rgb(86,118,242)
```
#6885f4
```
#6885f4 rgb(104,133,244)
```
#7a94f5
```
#7a94f5 rgb(122,148,245)
```
#8ca2f6
```
#8ca2f6 rgb(140,162,246)
```
#9fb1f8
```
#9fb1f8 rgb(159,177,248)
```
#b1c0f9
```
#b1c0f9 rgb(177,192,249)
```
#c3cffa
```
#c3cffa rgb(195,207,250)
```
#d5ddfc
```
#d5ddfc rgb(213,221,252)
```
#e8ecfd
```
#e8ecfd rgb(232,236,253)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#858688
```
#858688 rgb(133,134,136)
```
#7c8091
```
#7c8091 rgb(124,128,145)
```
#727b9b
```
#727b9b rgb(114,123,155)
```
#6975a4
```
#6975a4 rgb(105,117,164)
```
#6070ad
```
#6070ad rgb(96,112,173)
```
#576bb6
```
#576bb6 rgb(87,107,182)
```
#4d65c0
```
#4d65c0 rgb(77,101,192)
```
#4460c9
```
#4460c9 rgb(68,96,201)
```
#3b5ad2
```
#3b5ad2 rgb(59,90,210)
```
#3255db
```
#3255db rgb(50,85,219)
```
#284fe5
```
#284fe5 rgb(40,79,229)
```
#1f4aee
```
#1f4aee rgb(31,74,238)
```
#1645f7
```
#1645f7 rgb(22,69,247)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#464f70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c2 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007176 Tritanopia 0.001% of the population

Trichromacy

#0b5ad2 Protanomaly 1% of men, 0.01% of women
#0b5ec1 Deuteranomaly 6% of men, 0.4% of women
#0b63a2 Tritanomaly 0.01% of the population

#1f4aee hex color

#1f4aee Color Information

#1f4aee Color Conversion

Color Schemes with #1f4aee

Alternatives to #1f4aee

#1f4aee Preview

Shades and Tints of #1f4aee

Tones of #1f4aee

Color Blindness Simulator