#1f5df1 hex color

In a RGB color space, hex #1f5df1 is composed of 12.2% red, 36.5% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 61.4% magenta, 0% yellow and 5.5% black. It has a hue angle of 222.3 degrees, a saturation of 88.2% and a lightness of 53.3%. #1f5df1 color hex could be obtained by blending #3ebaff with #0000e3. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 12
- G 36
- B 95
RGB color chart
- C 87
- M 61
- Y 0
- K 5
CMYK color chart

● #1f5df1 color description : Vivid blue.

The hexadecimal color #1f5df1 has RGB values of R:31, G:93, B:241 and CMYK values of C:0.87, M:0.61, Y:0, K:0.05. Its decimal value is 2055665.

Hex triplet	1f5df1	`#1f5df1`
RGB Decimal	31, 93, 241	`rgb(31,93,241)`
RGB Percent	12.2, 36.5, 94.5	`rgb(12.2%,36.5%,94.5%)`
CMYK	87, 61, 0, 5
HSL	222.3°, 88.2, 53.3	`hsl(222.3,88.2%,53.3%)`
HSV (or HSB)	222.3°, 87.1, 94.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.898, 36.642, -79.11
XYZ	20.353, 14.469, 84.934
xyY	0.17, 0.121, 14.469
CIE-LCH	44.898, 87.184, 294.853
CIE-LUV	44.898, -18.93, -118.931
Hunter-Lab	38.038, 28.943, -105.759
Binary	00011111, 01011101, 11110001

#1f5df1
```
#1f5df1 rgb(31,93,241)
```
#f1b31f
```
#f1b31f rgb(241,179,31)
```

Complementary Color

#1fc6f1
```
#1fc6f1 rgb(31,198,241)
```
#1f5df1
```
#1f5df1 rgb(31,93,241)
```
#4a1ff1
```
#4a1ff1 rgb(74,31,241)
```

Analogous Color

#c6f11f
```
#c6f11f rgb(198,241,31)
```
#1f5df1
```
#1f5df1 rgb(31,93,241)
```
#f14a1f
```
#f14a1f rgb(241,74,31)
```

Split Complementary Color

#5df11f
```
#5df11f rgb(93,241,31)
```
#1f5df1
```
#1f5df1 rgb(31,93,241)
```
#f11f5d
```
#f11f5d rgb(241,31,93)
```

Triadic Color

#1ff1b3
```
#1ff1b3 rgb(31,241,179)
```
#1f5df1
```
#1f5df1 rgb(31,93,241)
```
#f11f5d
```
#f11f5d rgb(241,31,93)
```
#f1b31f
```
#f1b31f rgb(241,179,31)
```

Tetradic Color

#0c3eb8
```
#0c3eb8 rgb(12,62,184)
```
#0d47d0
```
#0d47d0 rgb(13,71,208)
```
#0f4fe8
```
#0f4fe8 rgb(15,79,232)
```
#1f5df1
```
#1f5df1 rgb(31,93,241)
```
#376ef3
```
#376ef3 rgb(55,110,243)
```
#4f80f4
```
#4f80f4 rgb(79,128,244)
```
#6791f6
```
#6791f6 rgb(103,145,246)
```

Monochromatic Color

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

#1f92f1
```
#1f92f1 rgb(31,146,241)
```
#1f80f1
```
#1f80f1 rgb(31,128,241)
```
#1f6ff1
```
#1f6ff1 rgb(31,111,241)
```
#1f5df1
```
#1f5df1 rgb(31,93,241)
```
#1f4bf1
```
#1f4bf1 rgb(31,75,241)
```
#1f3af1
```
#1f3af1 rgb(31,58,241)
```
#1f28f1
```
#1f28f1 rgb(31,40,241)
```

Similar Colors

Text with hexadecimal color #1f5df1

This text has a font color of #1f5df1.

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

#1f5df1 background color

This paragraph has a background color of #1f5df1.

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

#1f5df1 border color

This element has a border color of #1f5df1.

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

CSS codes

.text {color:#1f5df1;}

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

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

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

#010510
```
#010510 rgb(1,5,16)
```
#020c22
```
#020c22 rgb(2,12,34)
```
#031235
```
#031235 rgb(3,18,53)
```
#041847
```
#041847 rgb(4,24,71)
```
#061e5a
```
#061e5a rgb(6,30,90)
```
#07256c
```
#07256c rgb(7,37,108)
```
#082b7f
```
#082b7f rgb(8,43,127)
```
#093191
```
#093191 rgb(9,49,145)
```
#0a38a4
```
#0a38a4 rgb(10,56,164)
```
#0b3eb6
```
#0b3eb6 rgb(11,62,182)
```
#0d44c9
```
#0d44c9 rgb(13,68,201)
```
#0e4adb
```
#0e4adb rgb(14,74,219)
```
#0f51ee
```
#0f51ee rgb(15,81,238)
```

Shade Color Variation

#1f5df1
```
#1f5df1 rgb(31,93,241)
```
#316af2
```
#316af2 rgb(49,106,242)
```
#4478f3
```
#4478f3 rgb(68,120,243)
```
#5685f4
```
#5685f4 rgb(86,133,244)
```
#6992f6
```
#6992f6 rgb(105,146,246)
```
#7ba0f7
```
#7ba0f7 rgb(123,160,247)
```
#8eadf8
```
#8eadf8 rgb(142,173,248)
```
#a0baf9
```
#a0baf9 rgb(160,186,249)
```
#b3c8fa
```
#b3c8fa rgb(179,200,250)
```
#c5d5fb
```
#c5d5fb rgb(197,213,251)
```
#d8e3fd
```
#d8e3fd rgb(216,227,253)
```
#eaf0fe
```
#eaf0fe rgb(234,240,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84868c is the less saturated color, while #1659fa is the most saturated one.

#84868c
```
#84868c rgb(132,134,140)
```
#7b8295
```
#7b8295 rgb(123,130,149)
```
#717f9f
```
#717f9f rgb(113,127,159)
```
#687ba8
```
#687ba8 rgb(104,123,168)
```
#5f77b1
```
#5f77b1 rgb(95,119,177)
```
#5673ba
```
#5673ba rgb(86,115,186)
```
#4d70c3
```
#4d70c3 rgb(77,112,195)
```
#446ccc
```
#446ccc rgb(68,108,204)
```
#3a68d6
```
#3a68d6 rgb(58,104,214)
```
#3164df
```
#3164df rgb(49,100,223)
```
#2861e8
```
#2861e8 rgb(40,97,232)
```
#1f5df1
```
#1f5df1 rgb(31,93,241)
```
#1659fa
```
#1659fa rgb(22,89,250)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#4f5b79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bb Deuteranopia 1% of men
#007d83 Tritanopia 0.001% of the population

Trichromacy

#0b68e1 Protanomaly 1% of men, 0.01% of women
#0b6ccf Deuteranomaly 6% of men, 0.4% of women
#0b71ab Tritanomaly 0.01% of the population

#1f5df1 hex color

#1f5df1 Color Information

#1f5df1 Color Conversion

Color Schemes with #1f5df1

Alternatives to #1f5df1

#1f5df1 Preview

Shades and Tints of #1f5df1

Tones of #1f5df1

Color Blindness Simulator