#71b0f4 hex color

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

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

● #71b0f4 color description : Soft blue.

The hexadecimal color #71b0f4 has RGB values of R:113, G:176, B:244 and CMYK values of C:0.54, M:0.28, Y:0, K:0.04. Its decimal value is 7450868.

Hex triplet	71b0f4	`#71b0f4`
RGB Decimal	113, 176, 244	`rgb(113,176,244)`
RGB Percent	44.3, 69, 95.7	`rgb(44.3%,69%,95.7%)`
CMYK	54, 28, 0, 4
HSL	211.1°, 85.6, 70	`hsl(211.1,85.6%,70%)`
HSV (or HSB)	211.1°, 53.7, 95.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.24, -1.257, -40.029
XYZ	38.661, 41.091, 91.477
xyY	0.226, 0.24, 41.091
CIE-LCH	70.24, 40.049, 268.201
CIE-LUV	70.24, -28.726, -64.329
Hunter-Lab	64.102, -4.523, -39.738
Binary	01110001, 10110000, 11110100

#71b0f4
```
#71b0f4 rgb(113,176,244)
```
#f4b571
```
#f4b571 rgb(244,181,113)
```

Complementary Color

#71f2f4
```
#71f2f4 rgb(113,242,244)
```
#71b0f4
```
#71b0f4 rgb(113,176,244)
```
#7471f4
```
#7471f4 rgb(116,113,244)
```

Analogous Color

#f2f471
```
#f2f471 rgb(242,244,113)
```
#71b0f4
```
#71b0f4 rgb(113,176,244)
```
#f47471
```
#f47471 rgb(244,116,113)
```

Split Complementary Color

#b0f471
```
#b0f471 rgb(176,244,113)
```
#71b0f4
```
#71b0f4 rgb(113,176,244)
```
#f471b0
```
#f471b0 rgb(244,113,176)
```

Triadic Color

#71f4b5
```
#71f4b5 rgb(113,244,181)
```
#71b0f4
```
#71b0f4 rgb(113,176,244)
```
#f471b0
```
#f471b0 rgb(244,113,176)
```
#f4b571
```
#f4b571 rgb(244,181,113)
```

Tetradic Color

#2a89ef
```
#2a89ef rgb(42,137,239)
```
#4296f0
```
#4296f0 rgb(66,150,240)
```
#59a3f2
```
#59a3f2 rgb(89,163,242)
```
#71b0f4
```
#71b0f4 rgb(113,176,244)
```
#89bdf6
```
#89bdf6 rgb(137,189,246)
```
#a0caf8
```
#a0caf8 rgb(160,202,248)
```
#b8d8fa
```
#b8d8fa rgb(184,216,250)
```

Monochromatic Color

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

#71d1f4
```
#71d1f4 rgb(113,209,244)
```
#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)
```

Similar Colors

Text with hexadecimal color #71b0f4

This text has a font color of #71b0f4.

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

#71b0f4 background color

This paragraph has a background color of #71b0f4.

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

#71b0f4 border color

This element has a border color of #71b0f4.

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

CSS codes

.text {color:#71b0f4;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#020b16
```
#020b16 rgb(2,11,22)
```
#031528
```
#031528 rgb(3,21,40)
```
#051e3a
```
#051e3a rgb(5,30,58)
```
#06284c
```
#06284c rgb(6,40,76)
```
#07315f
```
#07315f rgb(7,49,95)
```
#093b71
```
#093b71 rgb(9,59,113)
```
#0a4483
```
#0a4483 rgb(10,68,131)
```
#0c4e95
```
#0c4e95 rgb(12,78,149)
```
#0d57a7
```
#0d57a7 rgb(13,87,167)
```
#0e61ba
```
#0e61ba rgb(14,97,186)
```
#106acc
```
#106acc rgb(16,106,204)
```
#1174de
```
#1174de rgb(17,116,222)
```

Shade Color Variation

#167ded
```
#167ded rgb(22,125,237)
```
#2887ee
```
#2887ee rgb(40,135,238)
```
#3a92f0
```
#3a92f0 rgb(58,146,240)
```
#4d9cf1
```
#4d9cf1 rgb(77,156,241)
```
#5fa6f3
```
#5fa6f3 rgb(95,166,243)
```
#71b0f4
```
#71b0f4 rgb(113,176,244)
```
#83baf5
```
#83baf5 rgb(131,186,245)
```
#95c4f7
```
#95c4f7 rgb(149,196,247)
```
#a8cef8
```
#a8cef8 rgb(168,206,248)
```
#bad9fa
```
#bad9fa rgb(186,217,250)
```
#cce3fb
```
#cce3fb rgb(204,227,251)
```
#deedfc
```
#deedfc rgb(222,237,252)
```
#f0f7fe
```
#f0f7fe rgb(240,247,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 #6bb0fa is the most saturated one.

#b2b2b3
```
#b2b2b3 rgb(178,178,179)
```
#acb2b9
```
#acb2b9 rgb(172,178,185)
```
#a6b2bf
```
#a6b2bf rgb(166,178,191)
```
#a0b2c5
```
#a0b2c5 rgb(160,178,197)
```
#9ab2cb
```
#9ab2cb rgb(154,178,203)
```
#94b1d1
```
#94b1d1 rgb(148,177,209)
```
#8eb1d7
```
#8eb1d7 rgb(142,177,215)
```
#89b1dc
```
#89b1dc rgb(137,177,220)
```
#83b1e2
```
#83b1e2 rgb(131,177,226)
```
#7db0e8
```
#7db0e8 rgb(125,176,232)
```
#77b0ee
```
#77b0ee rgb(119,176,238)
```
#71b0f4
```
#71b0f4 rgb(113,176,244)
```
#6bb0fa
```
#6bb0fa rgb(107,176,250)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#9ba7b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aadf0 Protanopia 1% of men
#91aef6 Deuteranopia 1% of men
#64bcca Tritanopia 0.001% of the population

Trichromacy

#8baef1 Protanomaly 1% of men, 0.01% of women
#85aff5 Deuteranomaly 6% of men, 0.4% of women
#69b8d9 Tritanomaly 0.01% of the population

#71b0f4 hex color

#71b0f4 Color Information

#71b0f4 Color Conversion

Color Schemes with #71b0f4

Alternatives to #71b0f4

#71b0f4 Preview

Shades and Tints of #71b0f4

Tones of #71b0f4

Color Blindness Simulator