#71bafb hex color

In a RGB color space, hex #71bafb is composed of 44.3% red, 72.9% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 25.9% magenta, 0% yellow and 1.6% black. It has a hue angle of 208.3 degrees, a saturation of 94.5% and a lightness of 71.4%. #71bafb color hex could be obtained by blending #e2ffff with #0075f7. Closest websafe color is: #66ccff.

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

● #71bafb color description : Soft blue.

The hexadecimal color #71bafb has RGB values of R:113, G:186, B:251 and CMYK values of C:0.55, M:0.26, Y:0, K:0.02. Its decimal value is 7453435.

Hex triplet	71bafb	`#71bafb`
RGB Decimal	113, 186, 251	`rgb(113,186,251)`
RGB Percent	44.3, 72.9, 98.4	`rgb(44.3%,72.9%,98.4%)`
CMYK	55, 26, 0, 2
HSL	208.3°, 94.5, 71.4	`hsl(208.3,94.5%,71.4%)`
HSV (or HSB)	208.3°, 55, 98.4
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.279, -4.661, -39.079
XYZ	41.777, 45.591, 97.86
xyY	0.226, 0.246, 45.591
CIE-LCH	73.279, 39.356, 263.199
CIE-LUV	73.279, -32.277, -62.641
Hunter-Lab	67.521, -7.718, -38.666
Binary	01110001, 10111010, 11111011

#71bafb
```
#71bafb rgb(113,186,251)
```
#fbb271
```
#fbb271 rgb(251,178,113)
```

Complementary Color

#71fbf7
```
#71fbf7 rgb(113,251,247)
```
#71bafb
```
#71bafb rgb(113,186,251)
```
#7175fb
```
#7175fb rgb(113,117,251)
```

Analogous Color

#fbf771
```
#fbf771 rgb(251,247,113)
```
#71bafb
```
#71bafb rgb(113,186,251)
```
#fb7175
```
#fb7175 rgb(251,113,117)
```

Split Complementary Color

#bafb71
```
#bafb71 rgb(186,251,113)
```
#71bafb
```
#71bafb rgb(113,186,251)
```
#fb71ba
```
#fb71ba rgb(251,113,186)
```

Triadic Color

#71fbb2
```
#71fbb2 rgb(113,251,178)
```
#71bafb
```
#71bafb rgb(113,186,251)
```
#fb71ba
```
#fb71ba rgb(251,113,186)
```
#fbb271
```
#fbb271 rgb(251,178,113)
```

Tetradic Color

#2796f9
```
#2796f9 rgb(39,150,249)
```
#3fa2fa
```
#3fa2fa rgb(63,162,250)
```
#58aefa
```
#58aefa rgb(88,174,250)
```
#71bafb
```
#71bafb rgb(113,186,251)
```
#8ac6fc
```
#8ac6fc rgb(138,198,252)
```
#a3d2fc
```
#a3d2fc rgb(163,210,252)
```
#bbdefd
```
#bbdefd rgb(187,222,253)
```

Monochromatic Color

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

#71ddfb
```
#71ddfb rgb(113,221,251)
```
#71d1fb
```
#71d1fb rgb(113,209,251)
```
#71c6fb
```
#71c6fb rgb(113,198,251)
```
#71bafb
```
#71bafb rgb(113,186,251)
```
#71affb
```
#71affb rgb(113,175,251)
```
#71a3fb
```
#71a3fb rgb(113,163,251)
```
#7198fb
```
#7198fb rgb(113,152,251)
```

Similar Colors

Text with hexadecimal color #71bafb

This text has a font color of #71bafb.

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

#71bafb background color

This paragraph has a background color of #71bafb.

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

#71bafb border color

This element has a border color of #71bafb.

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

CSS codes

.text {color:#71bafb;}

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

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

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

#00060b
```
#00060b rgb(0,6,11)
```
#01101e
```
#01101e rgb(1,16,30)
```
#011a31
```
#011a31 rgb(1,26,49)
```
#022544
```
#022544 rgb(2,37,68)
```
#022f57
```
#022f57 rgb(2,47,87)
```
#03396a
```
#03396a rgb(3,57,106)
```
#04447d
```
#04447d rgb(4,68,125)
```
#044e90
```
#044e90 rgb(4,78,144)
```
#0559a3
```
#0559a3 rgb(5,89,163)
```
#0563b6
```
#0563b6 rgb(5,99,182)
```
#066dc9
```
#066dc9 rgb(6,109,201)
```
#0678dc
```
#0678dc rgb(6,120,220)
```
#0782f0
```
#0782f0 rgb(7,130,240)
```

Shade Color Variation

#128cf8
```
#128cf8 rgb(18,140,248)
```
#2595f9
```
#2595f9 rgb(37,149,249)
```
#389ef9
```
#389ef9 rgb(56,158,249)
```
#4ba7fa
```
#4ba7fa rgb(75,167,250)
```
#5eb1fa
```
#5eb1fa rgb(94,177,250)
```
#71bafb
```
#71bafb rgb(113,186,251)
```
#84c3fc
```
#84c3fc rgb(132,195,252)
```
#97cdfc
```
#97cdfc rgb(151,205,252)
```
#aad6fd
```
#aad6fd rgb(170,214,253)
```
#bddffd
```
#bddffd rgb(189,223,253)
```
#d0e8fe
```
#d0e8fe rgb(208,232,254)
```
#e3f2fe
```
#e3f2fe rgb(227,242,254)
```
#f7fbff
```
#f7fbff rgb(247,251,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 #71bafb is the most saturated one.

#b4b6b8
```
#b4b6b8 rgb(180,182,184)
```
#afb6bd
```
#afb6bd rgb(175,182,189)
```
#a9b7c3
```
#a9b7c3 rgb(169,183,195)
```
#a4b7c8
```
#a4b7c8 rgb(164,183,200)
```
#9eb7ce
```
#9eb7ce rgb(158,183,206)
```
#98b8d4
```
#98b8d4 rgb(152,184,212)
```
#93b8d9
```
#93b8d9 rgb(147,184,217)
```
#8db8df
```
#8db8df rgb(141,184,223)
```
#87b9e5
```
#87b9e5 rgb(135,185,229)
```
#82b9ea
```
#82b9ea rgb(130,185,234)
```
#7cb9f0
```
#7cb9f0 rgb(124,185,240)
```
#77baf5
```
#77baf5 rgb(119,186,245)
```
#71bafb
```
#71bafb rgb(113,186,251)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a0afbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b5f5 Protanopia 1% of men
#9bb6fe Deuteranopia 1% of men
#64c5d3 Tritanopia 0.001% of the population

Trichromacy

#91b7f7 Protanomaly 1% of men, 0.01% of women
#8bb7fc Deuteranomaly 6% of men, 0.4% of women
#69c1e2 Tritanomaly 0.01% of the population

#71bafb hex color

#71bafb Color Information

#71bafb Color Conversion

Color Schemes with #71bafb

Alternatives to #71bafb

#71bafb Preview

Shades and Tints of #71bafb

Tones of #71bafb

Color Blindness Simulator