#71a5e2 hex color

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

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

● #71a5e2 color description : Soft blue.

The hexadecimal color #71a5e2 has RGB values of R:113, G:165, B:226 and CMYK values of C:0.5, M:0.27, Y:0, K:0.11. Its decimal value is 7448034.

Hex triplet	71a5e2	`#71a5e2`
RGB Decimal	113, 165, 226	`rgb(113,165,226)`
RGB Percent	44.3, 64.7, 88.6	`rgb(44.3%,64.7%,88.6%)`
CMYK	50, 27, 0, 11
HSL	212.4°, 66.1, 66.5	`hsl(212.4,66.1%,66.5%)`
HSV (or HSB)	212.4°, 50, 88.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.451, -0.494, -36.096
XYZ	33.99, 35.91, 77.088
xyY	0.231, 0.244, 35.91
CIE-LCH	66.451, 36.1, 269.216
CIE-LUV	66.451, -24.808, -57.282
Hunter-Lab	59.925, -3.624, -34.323
Binary	01110001, 10100101, 11100010

#71a5e2
```
#71a5e2 rgb(113,165,226)
```
#e2ae71
```
#e2ae71 rgb(226,174,113)
```

Complementary Color

#71dee2
```
#71dee2 rgb(113,222,226)
```
#71a5e2
```
#71a5e2 rgb(113,165,226)
```
#7671e2
```
#7671e2 rgb(118,113,226)
```

Analogous Color

#dee271
```
#dee271 rgb(222,226,113)
```
#71a5e2
```
#71a5e2 rgb(113,165,226)
```
#e27671
```
#e27671 rgb(226,118,113)
```

Split Complementary Color

#a5e271
```
#a5e271 rgb(165,226,113)
```
#71a5e2
```
#71a5e2 rgb(113,165,226)
```
#e271a5
```
#e271a5 rgb(226,113,165)
```

Triadic Color

#71e2ae
```
#71e2ae rgb(113,226,174)
```
#71a5e2
```
#71a5e2 rgb(113,165,226)
```
#e271a5
```
#e271a5 rgb(226,113,165)
```
#e2ae71
```
#e2ae71 rgb(226,174,113)
```

Tetradic Color

#317dd5
```
#317dd5 rgb(49,125,213)
```
#478ad9
```
#478ad9 rgb(71,138,217)
```
#5c98de
```
#5c98de rgb(92,152,222)
```
#71a5e2
```
#71a5e2 rgb(113,165,226)
```
#86b2e6
```
#86b2e6 rgb(134,178,230)
```
#9bc0eb
```
#9bc0eb rgb(155,192,235)
```
#b1cdef
```
#b1cdef rgb(177,205,239)
```

Monochromatic Color

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

#71c1e2
```
#71c1e2 rgb(113,193,226)
```
#71b8e2
```
#71b8e2 rgb(113,184,226)
```
#71aee2
```
#71aee2 rgb(113,174,226)
```
#71a5e2
```
#71a5e2 rgb(113,165,226)
```
#719ce2
```
#719ce2 rgb(113,156,226)
```
#7192e2
```
#7192e2 rgb(113,146,226)
```
#7189e2
```
#7189e2 rgb(113,137,226)
```

Similar Colors

Text with hexadecimal color #71a5e2

This text has a font color of #71a5e2.

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

#71a5e2 background color

This paragraph has a background color of #71a5e2.

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

#71a5e2 border color

This element has a border color of #71a5e2.

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

CSS codes

.text {color:#71a5e2;}

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

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

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)
```
#040c15
```
#040c15 rgb(4,12,21)
```
#081525
```
#081525 rgb(8,21,37)
```
#0b1e35
```
#0b1e35 rgb(11,30,53)
```
#0e2846
```
#0e2846 rgb(14,40,70)
```
#123156
```
#123156 rgb(18,49,86)
```
#153a66
```
#153a66 rgb(21,58,102)
```
#184477
```
#184477 rgb(24,68,119)
```
#1c4d87
```
#1c4d87 rgb(28,77,135)
```
#1f5697
```
#1f5697 rgb(31,86,151)
```
#2260a7
```
#2260a7 rgb(34,96,167)
```
#2669b8
```
#2669b8 rgb(38,105,184)
```
#2972c8
```
#2972c8 rgb(41,114,200)
```

Shade Color Variation

#307cd5
```
#307cd5 rgb(48,124,213)
```
#4086d8
```
#4086d8 rgb(64,134,216)
```
#5090db
```
#5090db rgb(80,144,219)
```
#619bdf
```
#619bdf rgb(97,155,223)
```
#71a5e2
```
#71a5e2 rgb(113,165,226)
```
#81afe5
```
#81afe5 rgb(129,175,229)
```
#92bae9
```
#92bae9 rgb(146,186,233)
```
#a2c4ec
```
#a2c4ec rgb(162,196,236)
```
#b2ceef
```
#b2ceef rgb(178,206,239)
```
#c2d9f3
```
#c2d9f3 rgb(194,217,243)
```
#d3e3f6
```
#d3e3f6 rgb(211,227,246)
```
#e3edf9
```
#e3edf9 rgb(227,237,249)
```
#f3f8fd
```
#f3f8fd rgb(243,248,253)
```

Tint Color Variation

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

#a6a9ad
```
#a6a9ad rgb(166,169,173)
```
#9fa9b4
```
#9fa9b4 rgb(159,169,180)
```
#98a8bb
```
#98a8bb rgb(152,168,187)
```
#92a8c1
```
#92a8c1 rgb(146,168,193)
```
#8ba7c8
```
#8ba7c8 rgb(139,167,200)
```
#85a7ce
```
#85a7ce rgb(133,167,206)
```
#7ea6d5
```
#7ea6d5 rgb(126,166,213)
```
#78a6db
```
#78a6db rgb(120,166,219)
```
#71a5e2
```
#71a5e2 rgb(113,165,226)
```
#6aa4e9
```
#6aa4e9 rgb(106,164,233)
```
#64a4ef
```
#64a4ef rgb(100,164,239)
```
#5da3f6
```
#5da3f6 rgb(93,163,246)
```
#57a3fc
```
#57a3fc rgb(87,163,252)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#939eaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a4df Protanopia 1% of men
#8da5e5 Deuteranopia 1% of men
#68b1be Tritanopia 0.001% of the population

Trichromacy

#86a4e0 Protanomaly 1% of men, 0.01% of women
#82a5e4 Deuteranomaly 6% of men, 0.4% of women
#6baccb Tritanomaly 0.01% of the population

#71a5e2 hex color

#71a5e2 Color Information

#71a5e2 Color Conversion

Color Schemes with #71a5e2

Alternatives to #71a5e2

#71a5e2 Preview

Shades and Tints of #71a5e2

Tones of #71a5e2

Color Blindness Simulator