#71b1e2 hex color

In a RGB color space, hex #71b1e2 is composed of 44.3% red, 69.4% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 21.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 206 degrees, a saturation of 66.1% and a lightness of 66.5%. #71b1e2 color hex could be obtained by blending #e2ffff with #0063c5. Closest websafe color is: #6699cc.

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

● #71b1e2 color description : Soft blue.

The hexadecimal color #71b1e2 has RGB values of R:113, G:177, B:226 and CMYK values of C:0.5, M:0.22, Y:0, K:0.11. Its decimal value is 7451106.

Hex triplet	71b1e2	`#71b1e2`
RGB Decimal	113, 177, 226	`rgb(113,177,226)`
RGB Percent	44.3, 69.4, 88.6	`rgb(44.3%,69.4%,88.6%)`
CMYK	50, 22, 0, 11
HSL	206°, 66.1, 66.5	`hsl(206,66.1%,66.5%)`
HSV (or HSB)	206°, 50, 88.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	69.785, -7.141, -30.93
XYZ	36.256, 40.444, 77.843
xyY	0.235, 0.262, 40.444
CIE-LCH	69.785, 31.743, 257
CIE-LUV	69.785, -29.366, -48.106
Hunter-Lab	63.596, -9.528, -28.056
Binary	01110001, 10110001, 11100010

#71b1e2
```
#71b1e2 rgb(113,177,226)
```
#e2a271
```
#e2a271 rgb(226,162,113)
```

Complementary Color

#71e2db
```
#71e2db rgb(113,226,219)
```
#71b1e2
```
#71b1e2 rgb(113,177,226)
```
#7179e2
```
#7179e2 rgb(113,121,226)
```

Analogous Color

#e2db71
```
#e2db71 rgb(226,219,113)
```
#71b1e2
```
#71b1e2 rgb(113,177,226)
```
#e27179
```
#e27179 rgb(226,113,121)
```

Split Complementary Color

#b1e271
```
#b1e271 rgb(177,226,113)
```
#71b1e2
```
#71b1e2 rgb(113,177,226)
```
#e271b1
```
#e271b1 rgb(226,113,177)
```

Triadic Color

#71e2a2
```
#71e2a2 rgb(113,226,162)
```
#71b1e2
```
#71b1e2 rgb(113,177,226)
```
#e271b1
```
#e271b1 rgb(226,113,177)
```
#e2a271
```
#e2a271 rgb(226,162,113)
```

Tetradic Color

#318ed5
```
#318ed5 rgb(49,142,213)
```
#479ad9
```
#479ad9 rgb(71,154,217)
```
#5ca5de
```
#5ca5de rgb(92,165,222)
```
#71b1e2
```
#71b1e2 rgb(113,177,226)
```
#86bde6
```
#86bde6 rgb(134,189,230)
```
#9bc8eb
```
#9bc8eb rgb(155,200,235)
```
#b1d4ef
```
#b1d4ef rgb(177,212,239)
```

Monochromatic Color

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

#71cde2
```
#71cde2 rgb(113,205,226)
```
#71c4e2
```
#71c4e2 rgb(113,196,226)
```
#71bae2
```
#71bae2 rgb(113,186,226)
```
#71b1e2
```
#71b1e2 rgb(113,177,226)
```
#71a8e2
```
#71a8e2 rgb(113,168,226)
```
#719ee2
```
#719ee2 rgb(113,158,226)
```
#7195e2
```
#7195e2 rgb(113,149,226)
```

Similar Colors

Text with hexadecimal color #71b1e2

This text has a font color of #71b1e2.

<span style="color:#71b1e2;">Text here</span>

#71b1e2 background color

This paragraph has a background color of #71b1e2.

<p style="background-color:#71b1e2;">Content here</p>

#71b1e2 border color

This element has a border color of #71b1e2.

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

CSS codes

.text {color:#71b1e2;}

.background {background-color:#71b1e2;}

.border {border:1px solid #71b1e2;}

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

#010305
```
#010305 rgb(1,3,5)
```
#040e15
```
#040e15 rgb(4,14,21)
```
#081825
```
#081825 rgb(8,24,37)
```
#0b2335
```
#0b2335 rgb(11,35,53)
```
#0e2e46
```
#0e2e46 rgb(14,46,70)
```
#123856
```
#123856 rgb(18,56,86)
```
#154366
```
#154366 rgb(21,67,102)
```
#184e77
```
#184e77 rgb(24,78,119)
```
#1c5887
```
#1c5887 rgb(28,88,135)
```
#1f6397
```
#1f6397 rgb(31,99,151)
```
#226ea7
```
#226ea7 rgb(34,110,167)
```
#2678b8
```
#2678b8 rgb(38,120,184)
```
#2983c8
```
#2983c8 rgb(41,131,200)
```

Shade Color Variation

#308dd5
```
#308dd5 rgb(48,141,213)
```
#4096d8
```
#4096d8 rgb(64,150,216)
```
#509fdb
```
#509fdb rgb(80,159,219)
```
#61a8df
```
#61a8df rgb(97,168,223)
```
#71b1e2
```
#71b1e2 rgb(113,177,226)
```
#81bae5
```
#81bae5 rgb(129,186,229)
```
#92c3e9
```
#92c3e9 rgb(146,195,233)
```
#a2ccec
```
#a2ccec rgb(162,204,236)
```
#b2d5ef
```
#b2d5ef rgb(178,213,239)
```
#c2def3
```
#c2def3 rgb(194,222,243)
```
#d3e7f6
```
#d3e7f6 rgb(211,231,246)
```
#e3f0f9
```
#e3f0f9 rgb(227,240,249)
```
#f3f9fd
```
#f3f9fd rgb(243,249,253)
```

Tint Color Variation

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

#a6aaad
```
#a6aaad rgb(166,170,173)
```
#9fabb4
```
#9fabb4 rgb(159,171,180)
```
#98acbb
```
#98acbb rgb(152,172,187)
```
#92adc1
```
#92adc1 rgb(146,173,193)
```
#8baec8
```
#8baec8 rgb(139,174,200)
```
#85aece
```
#85aece rgb(133,174,206)
```
#7eafd5
```
#7eafd5 rgb(126,175,213)
```
#78b0db
```
#78b0db rgb(120,176,219)
```
#71b1e2
```
#71b1e2 rgb(113,177,226)
```
#6ab2e9
```
#6ab2e9 rgb(106,178,233)
```
#64b3ef
```
#64b3ef rgb(100,179,239)
```
#5db4f6
```
#5db4f6 rgb(93,180,246)
```
#57b4fc
```
#57b4fc rgb(87,180,252)
```

Tone Color Variation

Below, you can see how #71b1e2 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

#a3a3a3 Achromatopsia 0.005% of the population
#99a6b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0adde Protanopia 1% of men
#9dace6 Deuteranopia 1% of men
#6cbac7 Tritanopia 0.001% of the population

Trichromacy

#8faedf Protanomaly 1% of men, 0.01% of women
#8daee4 Deuteranomaly 6% of men, 0.4% of women
#6eb6d1 Tritanomaly 0.01% of the population

#71b1e2 hex color

#71b1e2 Color Information

#71b1e2 Color Conversion

Color Schemes with #71b1e2

Alternatives to #71b1e2

#71b1e2 Preview

Shades and Tints of #71b1e2

Tones of #71b1e2

Color Blindness Simulator