#1f5ed4 hex color

In a RGB color space, hex #1f5ed4 is composed of 12.2% red, 36.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 85.4% cyan, 55.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 219.1 degrees, a saturation of 74.5% and a lightness of 47.6%. #1f5ed4 color hex could be obtained by blending #3ebcff with #0000a9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 37
- B 83
RGB color chart
- C 85
- M 56
- Y 0
- K 17
CMYK color chart

● #1f5ed4 color description : Strong blue.

The hexadecimal color #1f5ed4 has RGB values of R:31, G:94, B:212 and CMYK values of C:0.85, M:0.56, Y:0, K:0.17. Its decimal value is 2055892.

Hex triplet	1f5ed4	`#1f5ed4`
RGB Decimal	31, 94, 212	`rgb(31,94,212)`
RGB Percent	12.2, 36.9, 83.1	`rgb(12.2%,36.9%,83.1%)`
CMYK	85, 56, 0, 17
HSL	219.1°, 74.5, 47.6	`hsl(219.1,74.5%,47.6%)`
HSV (or HSB)	219.1°, 85.4, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.837, 25.029, -66.035
XYZ	16.449, 13.049, 63.935
xyY	0.176, 0.14, 13.049
CIE-LCH	42.837, 70.619, 290.758
CIE-LUV	42.837, -19.477, -98.921
Hunter-Lab	36.123, 18.065, -79.653
Binary	00011111, 01011110, 11010100

#1f5ed4
```
#1f5ed4 rgb(31,94,212)
```
#d4951f
```
#d4951f rgb(212,149,31)
```

Complementary Color

#1fb9d4
```
#1fb9d4 rgb(31,185,212)
```
#1f5ed4
```
#1f5ed4 rgb(31,94,212)
```
#3b1fd4
```
#3b1fd4 rgb(59,31,212)
```

Analogous Color

#b9d41f
```
#b9d41f rgb(185,212,31)
```
#1f5ed4
```
#1f5ed4 rgb(31,94,212)
```
#d43a1f
```
#d43a1f rgb(212,58,31)
```

Split Complementary Color

#5ed41f
```
#5ed41f rgb(94,212,31)
```
#1f5ed4
```
#1f5ed4 rgb(31,94,212)
```
#d41f5e
```
#d41f5e rgb(212,31,94)
```

Triadic Color

#1fd495
```
#1fd495 rgb(31,212,149)
```
#1f5ed4
```
#1f5ed4 rgb(31,94,212)
```
#d41f5e
```
#d41f5e rgb(212,31,94)
```
#d4951f
```
#d4951f rgb(212,149,31)
```

Tetradic Color

#154091
```
#154091 rgb(21,64,145)
```
#184aa8
```
#184aa8 rgb(24,74,168)
```
#1c54be
```
#1c54be rgb(28,84,190)
```
#1f5ed4
```
#1f5ed4 rgb(31,94,212)
```
#2c6be0
```
#2c6be0 rgb(44,107,224)
```
#437be3
```
#437be3 rgb(67,123,227)
```
#598ae7
```
#598ae7 rgb(89,138,231)
```

Monochromatic Color

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

#1f8bd4
```
#1f8bd4 rgb(31,139,212)
```
#1f7cd4
```
#1f7cd4 rgb(31,124,212)
```
#1f6dd4
```
#1f6dd4 rgb(31,109,212)
```
#1f5ed4
```
#1f5ed4 rgb(31,94,212)
```
#1f4fd4
```
#1f4fd4 rgb(31,79,212)
```
#1f40d4
```
#1f40d4 rgb(31,64,212)
```
#1f31d4
```
#1f31d4 rgb(31,49,212)
```

Similar Colors

Text with hexadecimal color #1f5ed4

This text has a font color of #1f5ed4.

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

#1f5ed4 background color

This paragraph has a background color of #1f5ed4.

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

#1f5ed4 border color

This element has a border color of #1f5ed4.

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

CSS codes

.text {color:#1f5ed4;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#030b18
```
#030b18 rgb(3,11,24)
```
#061229
```
#061229 rgb(6,18,41)
```
#081a3a
```
#081a3a rgb(8,26,58)
```
#0b214b
```
#0b214b rgb(11,33,75)
```
#0d295c
```
#0d295c rgb(13,41,92)
```
#10306d
```
#10306d rgb(16,48,109)
```
#12387e
```
#12387e rgb(18,56,126)
```
#154090
```
#154090 rgb(21,64,144)
```
#1747a1
```
#1747a1 rgb(23,71,161)
```
#1a4fb2
```
#1a4fb2 rgb(26,79,178)
```
#1c56c3
```
#1c56c3 rgb(28,86,195)
```
#1f5ed4
```
#1f5ed4 rgb(31,94,212)
```

Shade Color Variation

#2767df
```
#2767df rgb(39,103,223)
```
#3873e2
```
#3873e2 rgb(56,115,226)
```
#497fe4
```
#497fe4 rgb(73,127,228)
```
#5b8be7
```
#5b8be7 rgb(91,139,231)
```
#6c97e9
```
#6c97e9 rgb(108,151,233)
```
#7da3ec
```
#7da3ec rgb(125,163,236)
```
#8eafee
```
#8eafee rgb(142,175,238)
```
#9fbcf1
```
#9fbcf1 rgb(159,188,241)
```
#b0c8f3
```
#b0c8f3 rgb(176,200,243)
```
#c1d4f6
```
#c1d4f6 rgb(193,212,246)
```
#d2e0f8
```
#d2e0f8 rgb(210,224,248)
```
#e3ecfb
```
#e3ecfb rgb(227,236,251)
```
#f5f8fd
```
#f5f8fd rgb(245,248,253)
```

Tint Color Variation

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

#737880
```
#737880 rgb(115,120,128)
```
#6a7589
```
#6a7589 rgb(106,117,137)
```
#607293
```
#607293 rgb(96,114,147)
```
#576f9c
```
#576f9c rgb(87,111,156)
```
#4e6ca5
```
#4e6ca5 rgb(78,108,165)
```
#4469af
```
#4469af rgb(68,105,175)
```
#3b67b8
```
#3b67b8 rgb(59,103,184)
```
#3264c1
```
#3264c1 rgb(50,100,193)
```
#2861cb
```
#2861cb rgb(40,97,203)
```
#1f5ed4
```
#1f5ed4 rgb(31,94,212)
```
#165bdd
```
#165bdd rgb(22,91,221)
```
#0c58e7
```
#0c58e7 rgb(12,88,231)
```
#0355f0
```
#0355f0 rgb(3,85,240)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4d5a72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cf Protanopia 1% of men
#006fb5 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#0b65d1 Protanomaly 1% of men, 0.01% of women
#0b69c0 Deuteranomaly 6% of men, 0.4% of women
#0b6e9d Tritanomaly 0.01% of the population

#1f5ed4 hex color

#1f5ed4 Color Information

#1f5ed4 Color Conversion

Color Schemes with #1f5ed4

Alternatives to #1f5ed4

#1f5ed4 Preview

Shades and Tints of #1f5ed4

Tones of #1f5ed4

Color Blindness Simulator