#1f71fe hex color

In a RGB color space, hex #1f71fe is composed of 12.2% red, 44.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 55.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 217.9 degrees, a saturation of 99.1% and a lightness of 55.9%. #1f71fe color hex could be obtained by blending #3ee2ff with #0000fd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 12
- G 44
- B 100
RGB color chart
- C 88
- M 56
- Y 0
- K 0
CMYK color chart

● #1f71fe color description : Vivid blue.

The hexadecimal color #1f71fe has RGB values of R:31, G:113, B:254 and CMYK values of C:0.88, M:0.56, Y:0, K:0. Its decimal value is 2060798.

Hex triplet	1f71fe	`#1f71fe`
RGB Decimal	31, 113, 254	`rgb(31,113,254)`
RGB Percent	12.2, 44.3, 99.6	`rgb(12.2%,44.3%,99.6%)`
CMYK	88, 56, 0, 0
HSL	217.9°, 99.1, 55.9	`hsl(217.9,99.1%,55.9%)`
HSV (or HSB)	217.9°, 87.8, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.985, 28.857, -76.417
XYZ	24.356, 19.255, 96.193
xyY	0.174, 0.138, 19.255
CIE-LCH	50.985, 81.684, 290.688
CIE-LUV	50.985, -23.824, -119.539
Hunter-Lab	43.881, 22.284, -99.256
Binary	00011111, 01110001, 11111110

#1f71fe
```
#1f71fe rgb(31,113,254)
```
#feac1f
```
#feac1f rgb(254,172,31)
```

Complementary Color

#1fe1fe
```
#1fe1fe rgb(31,225,254)
```
#1f71fe
```
#1f71fe rgb(31,113,254)
```
#3c1ffe
```
#3c1ffe rgb(60,31,254)
```

Analogous Color

#e1fe1f
```
#e1fe1f rgb(225,254,31)
```
#1f71fe
```
#1f71fe rgb(31,113,254)
```
#fe3c1f
```
#fe3c1f rgb(254,60,31)
```

Split Complementary Color

#71fe1f
```
#71fe1f rgb(113,254,31)
```
#1f71fe
```
#1f71fe rgb(31,113,254)
```
#fe1f71
```
#fe1f71 rgb(254,31,113)
```

Triadic Color

#1ffeac
```
#1ffeac rgb(31,254,172)
```
#1f71fe
```
#1f71fe rgb(31,113,254)
```
#fe1f71
```
#fe1f71 rgb(254,31,113)
```
#feac1f
```
#feac1f rgb(254,172,31)
```

Tetradic Color

#014dd0
```
#014dd0 rgb(1,77,208)
```
#0156e9
```
#0156e9 rgb(1,86,233)
```
#0661fe
```
#0661fe rgb(6,97,254)
```
#1f71fe
```
#1f71fe rgb(31,113,254)
```
#3881fe
```
#3881fe rgb(56,129,254)
```
#5291fe
```
#5291fe rgb(82,145,254)
```
#6ba1fe
```
#6ba1fe rgb(107,161,254)
```

Monochromatic Color

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

#1fa9fe
```
#1fa9fe rgb(31,169,254)
```
#1f96fe
```
#1f96fe rgb(31,150,254)
```
#1f84fe
```
#1f84fe rgb(31,132,254)
```
#1f71fe
```
#1f71fe rgb(31,113,254)
```
#1f5efe
```
#1f5efe rgb(31,94,254)
```
#1f4cfe
```
#1f4cfe rgb(31,76,254)
```
#1f39fe
```
#1f39fe rgb(31,57,254)
```

Similar Colors

Text with hexadecimal color #1f71fe

This text has a font color of #1f71fe.

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

#1f71fe background color

This paragraph has a background color of #1f71fe.

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

#1f71fe border color

This element has a border color of #1f71fe.

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

CSS codes

.text {color:#1f71fe;}

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

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

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, #00040a is the darkest color, while #f6f9ff is the lightest one.

#00040a
```
#00040a rgb(0,4,10)
```
#000b1e
```
#000b1e rgb(0,11,30)
```
#001231
```
#001231 rgb(0,18,49)
```
#001a45
```
#001a45 rgb(0,26,69)
```
#002158
```
#002158 rgb(0,33,88)
```
#00286c
```
#00286c rgb(0,40,108)
```
#012f80
```
#012f80 rgb(1,47,128)
```
#013693
```
#013693 rgb(1,54,147)
```
#013ea7
```
#013ea7 rgb(1,62,167)
```
#0145ba
```
#0145ba rgb(1,69,186)
```
#014cce
```
#014cce rgb(1,76,206)
```
#0153e1
```
#0153e1 rgb(1,83,225)
```
#015bf5
```
#015bf5 rgb(1,91,245)
```

Shade Color Variation

#0b65fe
```
#0b65fe rgb(11,101,254)
```
#1f71fe
```
#1f71fe rgb(31,113,254)
```
#337dfe
```
#337dfe rgb(51,125,254)
```
#468afe
```
#468afe rgb(70,138,254)
```
#5a96fe
```
#5a96fe rgb(90,150,254)
```
#6da3fe
```
#6da3fe rgb(109,163,254)
```
#81affe
```
#81affe rgb(129,175,254)
```
#94bbff
```
#94bbff rgb(148,187,255)
```
#a8c8ff
```
#a8c8ff rgb(168,200,255)
```
#bbd4ff
```
#bbd4ff rgb(187,212,255)
```
#cfe0ff
```
#cfe0ff rgb(207,224,255)
```
#e2edff
```
#e2edff rgb(226,237,255)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878c96 is the less saturated color, while #1f71fe is the most saturated one.

#878c96
```
#878c96 rgb(135,140,150)
```
#7e8a9f
```
#7e8a9f rgb(126,138,159)
```
#7688a7
```
#7688a7 rgb(118,136,167)
```
#6d86b0
```
#6d86b0 rgb(109,134,176)
```
#6483b9
```
#6483b9 rgb(100,131,185)
```
#5c81c1
```
#5c81c1 rgb(92,129,193)
```
#537fca
```
#537fca rgb(83,127,202)
```
#4a7cd3
```
#4a7cd3 rgb(74,124,211)
```
#427adb
```
#427adb rgb(66,122,219)
```
#3978e4
```
#3978e4 rgb(57,120,228)
```
#3076ed
```
#3076ed rgb(48,118,237)
```
#2873f5
```
#2873f5 rgb(40,115,245)
```
#1f71fe
```
#1f71fe rgb(31,113,254)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5a6b87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf3 Protanopia 1% of men
#0083d4 Deuteranopia 1% of men
#008d94 Tritanopia 0.001% of the population

Trichromacy

#0b78f7 Protanomaly 1% of men, 0.01% of women
#0b7ce3 Deuteranomaly 6% of men, 0.4% of women
#0b82bb Tritanomaly 0.01% of the population

#1f71fe hex color

#1f71fe Color Information

#1f71fe Color Conversion

Color Schemes with #1f71fe

Alternatives to #1f71fe

#1f71fe Preview

Shades and Tints of #1f71fe

Tones of #1f71fe

Color Blindness Simulator