#1f5ec8 hex color

In a RGB color space, hex #1f5ec8 is composed of 12.2% red, 36.9% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 53% magenta, 0% yellow and 21.6% black. It has a hue angle of 217.6 degrees, a saturation of 73.2% and a lightness of 45.3%. #1f5ec8 color hex could be obtained by blending #3ebcff with #000091. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 37
- B 78
RGB color chart
- C 85
- M 53
- Y 0
- K 22
CMYK color chart

● #1f5ec8 color description : Strong blue.

The hexadecimal color #1f5ec8 has RGB values of R:31, G:94, B:200 and CMYK values of C:0.85, M:0.53, Y:0, K:0.22. Its decimal value is 2055880.

Hex triplet	1f5ec8	`#1f5ec8`
RGB Decimal	31, 94, 200	`rgb(31,94,200)`
RGB Percent	12.2, 36.9, 78.4	`rgb(12.2%,36.9%,78.4%)`
CMYK	85, 53, 0, 22
HSL	217.6°, 73.2, 45.3	`hsl(217.6,73.2%,45.3%)`
HSV (or HSB)	217.6°, 84.5, 78.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.947, 20.376, -60.577
XYZ	14.991, 12.466, 56.256
xyY	0.179, 0.149, 12.466
CIE-LCH	41.947, 63.912, 288.591
CIE-LUV	41.947, -19.687, -90.372
Hunter-Lab	35.307, 14.002, -69.756
Binary	00011111, 01011110, 11001000

#1f5ec8
```
#1f5ec8 rgb(31,94,200)
```
#c8891f
```
#c8891f rgb(200,137,31)
```

Complementary Color

#1fb3c8
```
#1fb3c8 rgb(31,179,200)
```
#1f5ec8
```
#1f5ec8 rgb(31,94,200)
```
#341fc8
```
#341fc8 rgb(52,31,200)
```

Analogous Color

#b3c81f
```
#b3c81f rgb(179,200,31)
```
#1f5ec8
```
#1f5ec8 rgb(31,94,200)
```
#c8351f
```
#c8351f rgb(200,53,31)
```

Split Complementary Color

#5ec81f
```
#5ec81f rgb(94,200,31)
```
#1f5ec8
```
#1f5ec8 rgb(31,94,200)
```
#c81f5e
```
#c81f5e rgb(200,31,94)
```

Triadic Color

#1fc889
```
#1fc889 rgb(31,200,137)
```
#1f5ec8
```
#1f5ec8 rgb(31,94,200)
```
#c81f5e
```
#c81f5e rgb(200,31,94)
```
#c8891f
```
#c8891f rgb(200,137,31)
```

Tetradic Color

#153f86
```
#153f86 rgb(21,63,134)
```
#18499c
```
#18499c rgb(24,73,156)
```
#1c54b2
```
#1c54b2 rgb(28,84,178)
```
#1f5ec8
```
#1f5ec8 rgb(31,94,200)
```
#2469dd
```
#2469dd rgb(36,105,221)
```
#3a78e0
```
#3a78e0 rgb(58,120,224)
```
#5087e4
```
#5087e4 rgb(80,135,228)
```

Monochromatic Color

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

#1f88c8
```
#1f88c8 rgb(31,136,200)
```
#1f7ac8
```
#1f7ac8 rgb(31,122,200)
```
#1f6cc8
```
#1f6cc8 rgb(31,108,200)
```
#1f5ec8
```
#1f5ec8 rgb(31,94,200)
```
#1f50c8
```
#1f50c8 rgb(31,80,200)
```
#1f42c8
```
#1f42c8 rgb(31,66,200)
```
#1f34c8
```
#1f34c8 rgb(31,52,200)
```

Similar Colors

Text with hexadecimal color #1f5ec8

This text has a font color of #1f5ec8.

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

#1f5ec8 background color

This paragraph has a background color of #1f5ec8.

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

#1f5ec8 border color

This element has a border color of #1f5ec8.

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

CSS codes

.text {color:#1f5ec8;}

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

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

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

#02060d
```
#02060d rgb(2,6,13)
```
#050e1e
```
#050e1e rgb(5,14,30)
```
#07162f
```
#07162f rgb(7,22,47)
```
#0a1e40
```
#0a1e40 rgb(10,30,64)
```
#0d2651
```
#0d2651 rgb(13,38,81)
```
#0f2e62
```
#0f2e62 rgb(15,46,98)
```
#123673
```
#123673 rgb(18,54,115)
```
#143e84
```
#143e84 rgb(20,62,132)
```
#174695
```
#174695 rgb(23,70,149)
```
#1a4ea6
```
#1a4ea6 rgb(26,78,166)
```
#1c56b7
```
#1c56b7 rgb(28,86,183)
```
#1f5ec8
```
#1f5ec8 rgb(31,94,200)
```
#2266d9
```
#2266d9 rgb(34,102,217)
```

Shade Color Variation

#2f71df
```
#2f71df rgb(47,113,223)
```
#407ce1
```
#407ce1 rgb(64,124,225)
```
#5188e4
```
#5188e4 rgb(81,136,228)
```
#6294e7
```
#6294e7 rgb(98,148,231)
```
#739fe9
```
#739fe9 rgb(115,159,233)
```
#84abec
```
#84abec rgb(132,171,236)
```
#95b7ef
```
#95b7ef rgb(149,183,239)
```
#a6c2f1
```
#a6c2f1 rgb(166,194,241)
```
#b7cef4
```
#b7cef4 rgb(183,206,244)
```
#c8d9f7
```
#c8d9f7 rgb(200,217,247)
```
#d9e5f9
```
#d9e5f9 rgb(217,229,249)
```
#eaf1fc
```
#eaf1fc rgb(234,241,252)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#6f7278
```
#6f7278 rgb(111,114,120)
```
#667081
```
#667081 rgb(102,112,129)
```
#5d6e8a
```
#5d6e8a rgb(93,110,138)
```
#546c93
```
#546c93 rgb(84,108,147)
```
#4b699c
```
#4b699c rgb(75,105,156)
```
#4367a4
```
#4367a4 rgb(67,103,164)
```
#3a65ad
```
#3a65ad rgb(58,101,173)
```
#3163b6
```
#3163b6 rgb(49,99,182)
```
#2860bf
```
#2860bf rgb(40,96,191)
```
#1f5ec8
```
#1f5ec8 rgb(31,94,200)
```
#165cd1
```
#165cd1 rgb(22,92,209)
```
#0d59da
```
#0d59da rgb(13,89,218)
```
#0457e3
```
#0457e3 rgb(4,87,227)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4c586e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067cb Protanopia 1% of men
#006db2 Deuteranopia 1% of men
#00757c Tritanopia 0.001% of the population

Trichromacy

#0b64ca Protanomaly 1% of men, 0.01% of women
#0b67ba Deuteranomaly 6% of men, 0.4% of women
#0b6d97 Tritanomaly 0.01% of the population

#1f5ec8 hex color

#1f5ec8 Color Information

#1f5ec8 Color Conversion

Color Schemes with #1f5ec8

Alternatives to #1f5ec8

#1f5ec8 Preview

Shades and Tints of #1f5ec8

Tones of #1f5ec8

Color Blindness Simulator