#71b0e2 hex color

In a RGB color space, hex #71b0e2 is composed of 44.3% red, 69% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 22.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 206.5 degrees, a saturation of 66.1% and a lightness of 66.5%. #71b0e2 color hex could be obtained by blending #e2ffff with #0061c5. 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

● #71b0e2 color description : Soft blue.

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

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

CIE-LAB	69.505, -6.595, -31.361
XYZ	36.06, 40.05, 77.778
xyY	0.234, 0.26, 40.05
CIE-LCH	69.505, 32.047, 258.125
CIE-LUV	69.505, -28.984, -48.876
Hunter-Lab	63.285, -9.041, -28.568
Binary	01110001, 10110000, 11100010

#71b0e2
```
#71b0e2 rgb(113,176,226)
```
#e2a371
```
#e2a371 rgb(226,163,113)
```

Complementary Color

#71e2dc
```
#71e2dc rgb(113,226,220)
```
#71b0e2
```
#71b0e2 rgb(113,176,226)
```
#7178e2
```
#7178e2 rgb(113,120,226)
```

Analogous Color

#e2dc71
```
#e2dc71 rgb(226,220,113)
```
#71b0e2
```
#71b0e2 rgb(113,176,226)
```
#e27178
```
#e27178 rgb(226,113,120)
```

Split Complementary Color

#b0e271
```
#b0e271 rgb(176,226,113)
```
#71b0e2
```
#71b0e2 rgb(113,176,226)
```
#e271b0
```
#e271b0 rgb(226,113,176)
```

Triadic Color

#71e2a3
```
#71e2a3 rgb(113,226,163)
```
#71b0e2
```
#71b0e2 rgb(113,176,226)
```
#e271b0
```
#e271b0 rgb(226,113,176)
```
#e2a371
```
#e2a371 rgb(226,163,113)
```

Tetradic Color

#318dd5
```
#318dd5 rgb(49,141,213)
```
#4798d9
```
#4798d9 rgb(71,152,217)
```
#5ca4de
```
#5ca4de rgb(92,164,222)
```
#71b0e2
```
#71b0e2 rgb(113,176,226)
```
#86bce6
```
#86bce6 rgb(134,188,230)
```
#9bc8eb
```
#9bc8eb rgb(155,200,235)
```
#b1d3ef
```
#b1d3ef rgb(177,211,239)
```

Monochromatic Color

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

#71cce2
```
#71cce2 rgb(113,204,226)
```
#71c3e2
```
#71c3e2 rgb(113,195,226)
```
#71b9e2
```
#71b9e2 rgb(113,185,226)
```
#71b0e2
```
#71b0e2 rgb(113,176,226)
```
#71a7e2
```
#71a7e2 rgb(113,167,226)
```
#719de2
```
#719de2 rgb(113,157,226)
```
#7194e2
```
#7194e2 rgb(113,148,226)
```

Similar Colors

Text with hexadecimal color #71b0e2

This text has a font color of #71b0e2.

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

#71b0e2 background color

This paragraph has a background color of #71b0e2.

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

#71b0e2 border color

This element has a border color of #71b0e2.

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

CSS codes

.text {color:#71b0e2;}

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

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

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 #f3f8fd 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)
```
#0e2d46
```
#0e2d46 rgb(14,45,70)
```
#123856
```
#123856 rgb(18,56,86)
```
#154266
```
#154266 rgb(21,66,102)
```
#184d77
```
#184d77 rgb(24,77,119)
```
#1c5787
```
#1c5787 rgb(28,87,135)
```
#1f6297
```
#1f6297 rgb(31,98,151)
```
#226da7
```
#226da7 rgb(34,109,167)
```
#2677b8
```
#2677b8 rgb(38,119,184)
```
#2982c8
```
#2982c8 rgb(41,130,200)
```

Shade Color Variation

#308cd5
```
#308cd5 rgb(48,140,213)
```
#4095d8
```
#4095d8 rgb(64,149,216)
```
#509edb
```
#509edb rgb(80,158,219)
```
#61a7df
```
#61a7df rgb(97,167,223)
```
#71b0e2
```
#71b0e2 rgb(113,176,226)
```
#81b9e5
```
#81b9e5 rgb(129,185,229)
```
#92c2e9
```
#92c2e9 rgb(146,194,233)
```
#a2cbec
```
#a2cbec rgb(162,203,236)
```
#b2d4ef
```
#b2d4ef rgb(178,212,239)
```
#c2ddf3
```
#c2ddf3 rgb(194,221,243)
```
#d3e6f6
```
#d3e6f6 rgb(211,230,246)
```
#e3eff9
```
#e3eff9 rgb(227,239,249)
```
#f3f8fd
```
#f3f8fd rgb(243,248,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 #57b3fc is the most saturated one.

#a6aaad
```
#a6aaad rgb(166,170,173)
```
#9fabb4
```
#9fabb4 rgb(159,171,180)
```
#98abbb
```
#98abbb rgb(152,171,187)
```
#92acc1
```
#92acc1 rgb(146,172,193)
```
#8badc8
```
#8badc8 rgb(139,173,200)
```
#85aece
```
#85aece rgb(133,174,206)
```
#7eaed5
```
#7eaed5 rgb(126,174,213)
```
#78afdb
```
#78afdb rgb(120,175,219)
```
#71b0e2
```
#71b0e2 rgb(113,176,226)
```
#6ab1e9
```
#6ab1e9 rgb(106,177,233)
```
#64b2ef
```
#64b2ef rgb(100,178,239)
```
#5db2f6
```
#5db2f6 rgb(93,178,246)
```
#57b3fc
```
#57b3fc rgb(87,179,252)
```

Tone Color Variation

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

#9facde Protanopia 1% of men
#9cace6 Deuteranopia 1% of men
#6cb9c7 Tritanopia 0.001% of the population

Trichromacy

#8eaddf Protanomaly 1% of men, 0.01% of women
#8cade4 Deuteranomaly 6% of men, 0.4% of women
#6eb6d0 Tritanomaly 0.01% of the population

#71b0e2 hex color

#71b0e2 Color Information

#71b0e2 Color Conversion

Color Schemes with #71b0e2

Alternatives to #71b0e2

#71b0e2 Preview

Shades and Tints of #71b0e2

Tones of #71b0e2

Color Blindness Simulator