#1f71e2 hex color

In a RGB color space, hex #1f71e2 is composed of 12.2% red, 44.3% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 50% magenta, 0% yellow and 11.4% black. It has a hue angle of 214.8 degrees, a saturation of 77.1% and a lightness of 50.4%. #1f71e2 color hex could be obtained by blending #3ee2ff with #0000c5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 44
- B 89
RGB color chart
- C 86
- M 50
- Y 0
- K 11
CMYK color chart

● #1f71e2 color description : Vivid blue.

The hexadecimal color #1f71e2 has RGB values of R:31, G:113, B:226 and CMYK values of C:0.86, M:0.5, Y:0, K:0.11. Its decimal value is 2060770.

Hex triplet	1f71e2	`#1f71e2`
RGB Decimal	31, 113, 226	`rgb(31,113,226)`
RGB Percent	12.2, 44.3, 88.6	`rgb(12.2%,44.3%,88.6%)`
CMYK	86, 50, 0, 11
HSL	214.8°, 77.1, 50.4	`hsl(214.8,77.1%,50.4%)`
HSV (or HSB)	214.8°, 86.3, 88.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.996, 18.201, -63.999
XYZ	20.195, 17.591, 74.278
xyY	0.18, 0.157, 17.591
CIE-LCH	48.996, 66.537, 285.876
CIE-LUV	48.996, -24.51, -99.368
Hunter-Lab	41.941, 12.549, -75.644
Binary	00011111, 01110001, 11100010

#1f71e2
```
#1f71e2 rgb(31,113,226)
```
#e2901f
```
#e2901f rgb(226,144,31)
```

Complementary Color

#1fd3e2
```
#1fd3e2 rgb(31,211,226)
```
#1f71e2
```
#1f71e2 rgb(31,113,226)
```
#2e1fe2
```
#2e1fe2 rgb(46,31,226)
```

Analogous Color

#d3e21f
```
#d3e21f rgb(211,226,31)
```
#1f71e2
```
#1f71e2 rgb(31,113,226)
```
#e22f1f
```
#e22f1f rgb(226,47,31)
```

Split Complementary Color

#71e21f
```
#71e21f rgb(113,226,31)
```
#1f71e2
```
#1f71e2 rgb(31,113,226)
```
#e21f71
```
#e21f71 rgb(226,31,113)
```

Triadic Color

#1fe290
```
#1fe290 rgb(31,226,144)
```
#1f71e2
```
#1f71e2 rgb(31,113,226)
```
#e21f71
```
#e21f71 rgb(226,31,113)
```
#e2901f
```
#e2901f rgb(226,144,31)
```

Tetradic Color

#154fa0
```
#154fa0 rgb(21,79,160)
```
#185ab6
```
#185ab6 rgb(24,90,182)
```
#1b66cd
```
#1b66cd rgb(27,102,205)
```
#1f71e2
```
#1f71e2 rgb(31,113,226)
```
#367fe5
```
#367fe5 rgb(54,127,229)
```
#4c8ee8
```
#4c8ee8 rgb(76,142,232)
```
#639ceb
```
#639ceb rgb(99,156,235)
```

Monochromatic Color

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

#1fa2e2
```
#1fa2e2 rgb(31,162,226)
```
#1f92e2
```
#1f92e2 rgb(31,146,226)
```
#1f81e2
```
#1f81e2 rgb(31,129,226)
```
#1f71e2
```
#1f71e2 rgb(31,113,226)
```
#1f61e2
```
#1f61e2 rgb(31,97,226)
```
#1f51e2
```
#1f51e2 rgb(31,81,226)
```
#1f40e2
```
#1f40e2 rgb(31,64,226)
```

Similar Colors

Text with hexadecimal color #1f71e2

This text has a font color of #1f71e2.

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

#1f71e2 background color

This paragraph has a background color of #1f71e2.

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

#1f71e2 border color

This element has a border color of #1f71e2.

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

CSS codes

.text {color:#1f71e2;}

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

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

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 #eff5fd is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#020913
```
#020913 rgb(2,9,19)
```
#051225
```
#051225 rgb(5,18,37)
```
#071b36
```
#071b36 rgb(7,27,54)
```
#092347
```
#092347 rgb(9,35,71)
```
#0b2c59
```
#0b2c59 rgb(11,44,89)
```
#0e356a
```
#0e356a rgb(14,53,106)
```
#103d7b
```
#103d7b rgb(16,61,123)
```
#12468d
```
#12468d rgb(18,70,141)
```
#144e9e
```
#144e9e rgb(20,78,158)
```
#1757af
```
#1757af rgb(23,87,175)
```
#1960c1
```
#1960c1 rgb(25,96,193)
```
#1b68d2
```
#1b68d2 rgb(27,104,210)
```

Shade Color Variation

#1f71e2
```
#1f71e2 rgb(31,113,226)
```
#307ce4
```
#307ce4 rgb(48,124,228)
```
#4287e6
```
#4287e6 rgb(66,135,230)
```
#5392e9
```
#5392e9 rgb(83,146,233)
```
#649deb
```
#649deb rgb(100,157,235)
```
#76a8ed
```
#76a8ed rgb(118,168,237)
```
#87b3ef
```
#87b3ef rgb(135,179,239)
```
#99bef2
```
#99bef2 rgb(153,190,242)
```
#aac9f4
```
#aac9f4 rgb(170,201,244)
```
#bbd4f6
```
#bbd4f6 rgb(187,212,246)
```
#cddff8
```
#cddff8 rgb(205,223,248)
```
#deeafb
```
#deeafb rgb(222,234,251)
```
#eff5fd
```
#eff5fd rgb(239,245,253)
```

Tint Color Variation

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

#808081
```
#808081 rgb(128,128,129)
```
#777f8a
```
#777f8a rgb(119,127,138)
```
#6d7d94
```
#6d7d94 rgb(109,125,148)
```
#637c9e
```
#637c9e rgb(99,124,158)
```
#597aa8
```
#597aa8 rgb(89,122,168)
```
#5079b1
```
#5079b1 rgb(80,121,177)
```
#4677bb
```
#4677bb rgb(70,119,187)
```
#3c76c5
```
#3c76c5 rgb(60,118,197)
```
#3274cf
```
#3274cf rgb(50,116,207)
```
#2973d8
```
#2973d8 rgb(41,115,216)
```
#1f71e2
```
#1f71e2 rgb(31,113,226)
```
#156fec
```
#156fec rgb(21,111,236)
```
#0c6ef5
```
#0c6ef5 rgb(12,110,245)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#57677e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3078e3 Protanopia 1% of men
#007ece Deuteranopia 1% of men
#00878f Tritanopia 0.001% of the population

Trichromacy

#2a75e2 Protanomaly 1% of men, 0.01% of women
#0b79d5 Deuteranomaly 6% of men, 0.4% of women
#0b7fad Tritanomaly 0.01% of the population

#1f71e2 hex color

#1f71e2 Color Information

#1f71e2 Color Conversion

Color Schemes with #1f71e2

Alternatives to #1f71e2

#1f71e2 Preview

Shades and Tints of #1f71e2

Tones of #1f71e2

Color Blindness Simulator