#71b2fb hex color

In a RGB color space, hex #71b2fb is composed of 44.3% red, 69.8% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 29.1% magenta, 0% yellow and 1.6% black. It has a hue angle of 211.7 degrees, a saturation of 94.5% and a lightness of 71.4%. #71b2fb color hex could be obtained by blending #e2ffff with #0065f7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 44
- G 70
- B 98
RGB color chart
- C 55
- M 29
- Y 0
- K 2
CMYK color chart

● #71b2fb color description : Soft blue.

The hexadecimal color #71b2fb has RGB values of R:113, G:178, B:251 and CMYK values of C:0.55, M:0.29, Y:0, K:0.02. Its decimal value is 7451387.

Hex triplet	71b2fb	`#71b2fb`
RGB Decimal	113, 178, 251	`rgb(113,178,251)`
RGB Percent	44.3, 69.8, 98.4	`rgb(44.3%,69.8%,98.4%)`
CMYK	55, 29, 0, 2
HSL	211.7°, 94.5, 71.4	`hsl(211.7,94.5%,71.4%)`
HSV (or HSB)	211.7°, 55, 98.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	71.087, -0.247, -42.5
XYZ	40.139, 42.314, 97.314
xyY	0.223, 0.235, 42.314
CIE-LCH	71.087, 42.5, 269.667
CIE-LUV	71.087, -29.359, -68.781
Hunter-Lab	65.049, -3.692, -43.163
Binary	01110001, 10110010, 11111011

#71b2fb
```
#71b2fb rgb(113,178,251)
```
#fbba71
```
#fbba71 rgb(251,186,113)
```

Complementary Color

#71f7fb
```
#71f7fb rgb(113,247,251)
```
#71b2fb
```
#71b2fb rgb(113,178,251)
```
#7571fb
```
#7571fb rgb(117,113,251)
```

Analogous Color

#f7fb71
```
#f7fb71 rgb(247,251,113)
```
#71b2fb
```
#71b2fb rgb(113,178,251)
```
#fb7571
```
#fb7571 rgb(251,117,113)
```

Split Complementary Color

#b2fb71
```
#b2fb71 rgb(178,251,113)
```
#71b2fb
```
#71b2fb rgb(113,178,251)
```
#fb71b2
```
#fb71b2 rgb(251,113,178)
```

Triadic Color

#71fbba
```
#71fbba rgb(113,251,186)
```
#71b2fb
```
#71b2fb rgb(113,178,251)
```
#fb71b2
```
#fb71b2 rgb(251,113,178)
```
#fbba71
```
#fbba71 rgb(251,186,113)
```

Tetradic Color

#278af9
```
#278af9 rgb(39,138,249)
```
#3f97fa
```
#3f97fa rgb(63,151,250)
```
#58a5fa
```
#58a5fa rgb(88,165,250)
```
#71b2fb
```
#71b2fb rgb(113,178,251)
```
#8abffc
```
#8abffc rgb(138,191,252)
```
#a3cdfc
```
#a3cdfc rgb(163,205,252)
```
#bbdafd
```
#bbdafd rgb(187,218,253)
```

Monochromatic Color

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

#71d5fb
```
#71d5fb rgb(113,213,251)
```
#71c9fb
```
#71c9fb rgb(113,201,251)
```
#71befb
```
#71befb rgb(113,190,251)
```
#71b2fb
```
#71b2fb rgb(113,178,251)
```
#71a7fb
```
#71a7fb rgb(113,167,251)
```
#719bfb
```
#719bfb rgb(113,155,251)
```
#7190fb
```
#7190fb rgb(113,144,251)
```

Similar Colors

Text with hexadecimal color #71b2fb

This text has a font color of #71b2fb.

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

#71b2fb background color

This paragraph has a background color of #71b2fb.

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

#71b2fb border color

This element has a border color of #71b2fb.

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

CSS codes

.text {color:#71b2fb;}

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

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

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, #00050b is the darkest color, while #f7faff is the lightest one.

#00050b
```
#00050b rgb(0,5,11)
```
#010e1e
```
#010e1e rgb(1,14,30)
```
#011831
```
#011831 rgb(1,24,49)
```
#022144
```
#022144 rgb(2,33,68)
```
#022a57
```
#022a57 rgb(2,42,87)
```
#03346a
```
#03346a rgb(3,52,106)
```
#043d7d
```
#043d7d rgb(4,61,125)
```
#044690
```
#044690 rgb(4,70,144)
```
#054fa3
```
#054fa3 rgb(5,79,163)
```
#0559b6
```
#0559b6 rgb(5,89,182)
```
#0662c9
```
#0662c9 rgb(6,98,201)
```
#066bdc
```
#066bdc rgb(6,107,220)
```
#0774f0
```
#0774f0 rgb(7,116,240)
```

Shade Color Variation

#127ef8
```
#127ef8 rgb(18,126,248)
```
#2589f9
```
#2589f9 rgb(37,137,249)
```
#3893f9
```
#3893f9 rgb(56,147,249)
```
#4b9dfa
```
#4b9dfa rgb(75,157,250)
```
#5ea8fa
```
#5ea8fa rgb(94,168,250)
```
#71b2fb
```
#71b2fb rgb(113,178,251)
```
#84bcfc
```
#84bcfc rgb(132,188,252)
```
#97c7fc
```
#97c7fc rgb(151,199,252)
```
#aad1fd
```
#aad1fd rgb(170,209,253)
```
#bddbfd
```
#bddbfd rgb(189,219,253)
```
#d0e6fe
```
#d0e6fe rgb(208,230,254)
```
#e3f0fe
```
#e3f0fe rgb(227,240,254)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#b4b6b8
```
#b4b6b8 rgb(180,182,184)
```
#afb6bd
```
#afb6bd rgb(175,182,189)
```
#a9b5c3
```
#a9b5c3 rgb(169,181,195)
```
#a4b5c8
```
#a4b5c8 rgb(164,181,200)
```
#9eb5ce
```
#9eb5ce rgb(158,181,206)
```
#98b4d4
```
#98b4d4 rgb(152,180,212)
```
#93b4d9
```
#93b4d9 rgb(147,180,217)
```
#8db4df
```
#8db4df rgb(141,180,223)
```
#87b3e5
```
#87b3e5 rgb(135,179,229)
```
#82b3ea
```
#82b3ea rgb(130,179,234)
```
#7cb3f0
```
#7cb3f0 rgb(124,179,240)
```
#77b2f5
```
#77b2f5 rgb(119,178,245)
```
#71b2fb
```
#71b2fb rgb(113,178,251)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9ca9b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aaff6 Protanopia 1% of men
#8fb1fd Deuteranopia 1% of men
#61bfcd Tritanopia 0.001% of the population

Trichromacy

#8bb0f8 Protanomaly 1% of men, 0.01% of women
#84b1fc Deuteranomaly 6% of men, 0.4% of women
#67badd Tritanomaly 0.01% of the population

#71b2fb hex color

#71b2fb Color Information

#71b2fb Color Conversion

Color Schemes with #71b2fb

Alternatives to #71b2fb

#71b2fb Preview

Shades and Tints of #71b2fb

Tones of #71b2fb

Color Blindness Simulator