#71a5f4 hex color

In a RGB color space, hex #71a5f4 is composed of 44.3% red, 64.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 53.7% cyan, 32.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 216.2 degrees, a saturation of 85.6% and a lightness of 70%. #71a5f4 color hex could be obtained by blending #e2ffff with #004be9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 44
- G 65
- B 96
RGB color chart
- C 54
- M 32
- Y 0
- K 4
CMYK color chart

● #71a5f4 color description : Soft blue.

The hexadecimal color #71a5f4 has RGB values of R:113, G:165, B:244 and CMYK values of C:0.54, M:0.32, Y:0, K:0.04. Its decimal value is 7448052.

Hex triplet	71a5f4	`#71a5f4`
RGB Decimal	113, 165, 244	`rgb(113,165,244)`
RGB Percent	44.3, 64.7, 95.7	`rgb(44.3%,64.7%,95.7%)`
CMYK	54, 32, 0, 4
HSL	216.2°, 85.6, 70	`hsl(216.2,85.6%,70%)`
HSV (or HSB)	216.2°, 53.7, 95.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.24, 4.938, -44.725
XYZ	36.591, 36.951, 90.787
xyY	0.223, 0.225, 36.951
CIE-LCH	67.24, 44.997, 276.301
CIE-LUV	67.24, -24.724, -72.624
Hunter-Lab	60.787, 1.07, -46
Binary	01110001, 10100101, 11110100

#71a5f4
```
#71a5f4 rgb(113,165,244)
```
#f4c071
```
#f4c071 rgb(244,192,113)
```

Complementary Color

#71e7f4
```
#71e7f4 rgb(113,231,244)
```
#71a5f4
```
#71a5f4 rgb(113,165,244)
```
#7f71f4
```
#7f71f4 rgb(127,113,244)
```

Analogous Color

#e7f471
```
#e7f471 rgb(231,244,113)
```
#71a5f4
```
#71a5f4 rgb(113,165,244)
```
#f47f71
```
#f47f71 rgb(244,127,113)
```

Split Complementary Color

#a5f471
```
#a5f471 rgb(165,244,113)
```
#71a5f4
```
#71a5f4 rgb(113,165,244)
```
#f471a5
```
#f471a5 rgb(244,113,165)
```

Triadic Color

#71f4c0
```
#71f4c0 rgb(113,244,192)
```
#71a5f4
```
#71a5f4 rgb(113,165,244)
```
#f471a5
```
#f471a5 rgb(244,113,165)
```
#f4c071
```
#f4c071 rgb(244,192,113)
```

Tetradic Color

#2a78ef
```
#2a78ef rgb(42,120,239)
```
#4287f0
```
#4287f0 rgb(66,135,240)
```
#5996f2
```
#5996f2 rgb(89,150,242)
```
#71a5f4
```
#71a5f4 rgb(113,165,244)
```
#89b4f6
```
#89b4f6 rgb(137,180,246)
```
#a0c3f8
```
#a0c3f8 rgb(160,195,248)
```
#b8d2fa
```
#b8d2fa rgb(184,210,250)
```

Monochromatic Color

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

#71c6f4
```
#71c6f4 rgb(113,198,244)
```
#71bbf4
```
#71bbf4 rgb(113,187,244)
```
#71b0f4
```
#71b0f4 rgb(113,176,244)
```
#71a5f4
```
#71a5f4 rgb(113,165,244)
```
#719af4
```
#719af4 rgb(113,154,244)
```
#718ff4
```
#718ff4 rgb(113,143,244)
```
#7184f4
```
#7184f4 rgb(113,132,244)
```

Similar Colors

Text with hexadecimal color #71a5f4

This text has a font color of #71a5f4.

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

#71a5f4 background color

This paragraph has a background color of #71a5f4.

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

#71a5f4 border color

This element has a border color of #71a5f4.

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

CSS codes

.text {color:#71a5f4;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#020a16
```
#020a16 rgb(2,10,22)
```
#031228
```
#031228 rgb(3,18,40)
```
#051a3a
```
#051a3a rgb(5,26,58)
```
#06224c
```
#06224c rgb(6,34,76)
```
#072a5f
```
#072a5f rgb(7,42,95)
```
#093271
```
#093271 rgb(9,50,113)
```
#0a3a83
```
#0a3a83 rgb(10,58,131)
```
#0c4295
```
#0c4295 rgb(12,66,149)
```
#0d4aa7
```
#0d4aa7 rgb(13,74,167)
```
#0e52ba
```
#0e52ba rgb(14,82,186)
```
#105acc
```
#105acc rgb(16,90,204)
```
#1163de
```
#1163de rgb(17,99,222)
```

Shade Color Variation

#166bed
```
#166bed rgb(22,107,237)
```
#2877ee
```
#2877ee rgb(40,119,238)
```
#3a82f0
```
#3a82f0 rgb(58,130,240)
```
#4d8ef1
```
#4d8ef1 rgb(77,142,241)
```
#5f99f3
```
#5f99f3 rgb(95,153,243)
```
#71a5f4
```
#71a5f4 rgb(113,165,244)
```
#83b1f5
```
#83b1f5 rgb(131,177,245)
```
#95bcf7
```
#95bcf7 rgb(149,188,247)
```
#a8c8f8
```
#a8c8f8 rgb(168,200,248)
```
#bad3fa
```
#bad3fa rgb(186,211,250)
```
#ccdffb
```
#ccdffb rgb(204,223,251)
```
#deeafc
```
#deeafc rgb(222,234,252)
```
#f0f6fe
```
#f0f6fe rgb(240,246,254)
```

Tint Color Variation

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

#b2b2b3
```
#b2b2b3 rgb(178,178,179)
```
#acb1b9
```
#acb1b9 rgb(172,177,185)
```
#a6b0bf
```
#a6b0bf rgb(166,176,191)
```
#a0afc5
```
#a0afc5 rgb(160,175,197)
```
#9aadcb
```
#9aadcb rgb(154,173,203)
```
#94acd1
```
#94acd1 rgb(148,172,209)
```
#8eabd7
```
#8eabd7 rgb(142,171,215)
```
#89aadc
```
#89aadc rgb(137,170,220)
```
#83a9e2
```
#83a9e2 rgb(131,169,226)
```
#7da7e8
```
#7da7e8 rgb(125,167,232)
```
#77a6ee
```
#77a6ee rgb(119,166,238)
```
#71a5f4
```
#71a5f4 rgb(113,165,244)
```
#6ba4fa
```
#6ba4fa rgb(107,164,250)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#959faf Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ca5f1 Protanopia 1% of men
#80a7f5 Deuteranopia 1% of men
#60b4c1 Tritanopia 0.001% of the population

Trichromacy

#82a5f2 Protanomaly 1% of men, 0.01% of women
#7ba6f4 Deuteranomaly 6% of men, 0.4% of women
#66aed3 Tritanomaly 0.01% of the population

#71a5f4 hex color

#71a5f4 Color Information

#71a5f4 Color Conversion

Color Schemes with #71a5f4

Alternatives to #71a5f4

#71a5f4 Preview

Shades and Tints of #71a5f4

Tones of #71a5f4

Color Blindness Simulator