#1f5ef6 hex color

In a RGB color space, hex #1f5ef6 is composed of 12.2% red, 36.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 61.8% magenta, 0% yellow and 3.5% black. It has a hue angle of 222.4 degrees, a saturation of 92.3% and a lightness of 54.3%. #1f5ef6 color hex could be obtained by blending #3ebcff with #0000ed. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 12
- G 37
- B 96
RGB color chart
- C 87
- M 62
- Y 0
- K 4
CMYK color chart

● #1f5ef6 color description : Vivid blue.

The hexadecimal color #1f5ef6 has RGB values of R:31, G:94, B:246 and CMYK values of C:0.87, M:0.62, Y:0, K:0.04. Its decimal value is 2055926.

Hex triplet	1f5ef6	`#1f5ef6`
RGB Decimal	31, 94, 246	`rgb(31,94,246)`
RGB Percent	12.2, 36.9, 96.5	`rgb(12.2%,36.9%,96.5%)`
CMYK	87, 62, 0, 4
HSL	222.4°, 92.3, 54.3	`hsl(222.4,92.3%,54.3%)`
HSV (or HSB)	222.4°, 87.4, 96.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.564, 37.86, -80.821
XYZ	21.199, 14.949, 88.952
xyY	0.169, 0.119, 14.949
CIE-LCH	45.564, 89.249, 295.101
CIE-LUV	45.564, -19.142, -121.849
Hunter-Lab	38.664, 30.208, -109.341
Binary	00011111, 01011110, 11110110

#1f5ef6
```
#1f5ef6 rgb(31,94,246)
```
#f6b71f
```
#f6b71f rgb(246,183,31)
```

Complementary Color

#1fcaf6
```
#1fcaf6 rgb(31,202,246)
```
#1f5ef6
```
#1f5ef6 rgb(31,94,246)
```
#4c1ff6
```
#4c1ff6 rgb(76,31,246)
```

Analogous Color

#caf61f
```
#caf61f rgb(202,246,31)
```
#1f5ef6
```
#1f5ef6 rgb(31,94,246)
```
#f64c1f
```
#f64c1f rgb(246,76,31)
```

Split Complementary Color

#5ef61f
```
#5ef61f rgb(94,246,31)
```
#1f5ef6
```
#1f5ef6 rgb(31,94,246)
```
#f61f5e
```
#f61f5e rgb(246,31,94)
```

Triadic Color

#1ff6b7
```
#1ff6b7 rgb(31,246,183)
```
#1f5ef6
```
#1f5ef6 rgb(31,94,246)
```
#f61f5e
```
#f61f5e rgb(246,31,94)
```
#f6b71f
```
#f6b71f rgb(246,183,31)
```

Tetradic Color

#083ec1
```
#083ec1 rgb(8,62,193)
```
#0946d9
```
#0946d9 rgb(9,70,217)
```
#0a4ef2
```
#0a4ef2 rgb(10,78,242)
```
#1f5ef6
```
#1f5ef6 rgb(31,94,246)
```
#3870f7
```
#3870f7 rgb(56,112,247)
```
#5081f8
```
#5081f8 rgb(80,129,248)
```
#6993f9
```
#6993f9 rgb(105,147,249)
```

Monochromatic Color

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

#1f94f6
```
#1f94f6 rgb(31,148,246)
```
#1f82f6
```
#1f82f6 rgb(31,130,246)
```
#1f70f6
```
#1f70f6 rgb(31,112,246)
```
#1f5ef6
```
#1f5ef6 rgb(31,94,246)
```
#1f4cf6
```
#1f4cf6 rgb(31,76,246)
```
#1f3af6
```
#1f3af6 rgb(31,58,246)
```
#1f28f6
```
#1f28f6 rgb(31,40,246)
```

Similar Colors

Text with hexadecimal color #1f5ef6

This text has a font color of #1f5ef6.

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

#1f5ef6 background color

This paragraph has a background color of #1f5ef6.

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

#1f5ef6 border color

This element has a border color of #1f5ef6.

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

CSS codes

.text {color:#1f5ef6;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010715
```
#010715 rgb(1,7,21)
```
#020d28
```
#020d28 rgb(2,13,40)
```
#02133b
```
#02133b rgb(2,19,59)
```
#03194e
```
#03194e rgb(3,25,78)
```
#041f61
```
#041f61 rgb(4,31,97)
```
#052573
```
#052573 rgb(5,37,115)
```
#052b86
```
#052b86 rgb(5,43,134)
```
#063199
```
#063199 rgb(6,49,153)
```
#0737ac
```
#0737ac rgb(7,55,172)
```
#083dbf
```
#083dbf rgb(8,61,191)
```
#0843d2
```
#0843d2 rgb(8,67,210)
```
#0949e5
```
#0949e5 rgb(9,73,229)
```

Shade Color Variation

#0c50f5
```
#0c50f5 rgb(12,80,245)
```
#1f5ef6
```
#1f5ef6 rgb(31,94,246)
```
#326cf7
```
#326cf7 rgb(50,108,247)
```
#4579f8
```
#4579f8 rgb(69,121,248)
```
#5887f8
```
#5887f8 rgb(88,135,248)
```
#6a94f9
```
#6a94f9 rgb(106,148,249)
```
#7da2fa
```
#7da2fa rgb(125,162,250)
```
#90affb
```
#90affb rgb(144,175,251)
```
#a3bdfb
```
#a3bdfb rgb(163,189,251)
```
#b6cafc
```
#b6cafc rgb(182,202,252)
```
#c9d8fd
```
#c9d8fd rgb(201,216,253)
```
#dce6fe
```
#dce6fe rgb(220,230,254)
```
#eef3fe
```
#eef3fe rgb(238,243,254)
```

Tint Color Variation

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

#828793
```
#828793 rgb(130,135,147)
```
#79839c
```
#79839c rgb(121,131,156)
```
#707fa5
```
#707fa5 rgb(112,127,165)
```
#677cae
```
#677cae rgb(103,124,174)
```
#5e78b7
```
#5e78b7 rgb(94,120,183)
```
#5574c0
```
#5574c0 rgb(85,116,192)
```
#4c71c9
```
#4c71c9 rgb(76,113,201)
```
#436dd2
```
#436dd2 rgb(67,109,210)
```
#3a69db
```
#3a69db rgb(58,105,219)
```
#3165e4
```
#3165e4 rgb(49,101,228)
```
#2862ed
```
#2862ed rgb(40,98,237)
```
#1f5ef6
```
#1f5ef6 rgb(31,94,246)
```
#165aff
```
#165aff rgb(22,90,255)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#505c7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070da Protanopia 1% of men
#0076be Deuteranopia 1% of men
#007e85 Tritanopia 0.001% of the population

Trichromacy

#0b69e4 Protanomaly 1% of men, 0.01% of women
#0b6dd2 Deuteranomaly 6% of men, 0.4% of women
#0b72ae Tritanomaly 0.01% of the population

#1f5ef6 hex color

#1f5ef6 Color Information

#1f5ef6 Color Conversion

Color Schemes with #1f5ef6

Alternatives to #1f5ef6

#1f5ef6 Preview

Shades and Tints of #1f5ef6

Tones of #1f5ef6

Color Blindness Simulator