#5bd0fa hex color

In a RGB color space, hex #5bd0fa is composed of 35.7% red, 81.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 16.8% magenta, 0% yellow and 2% black. It has a hue angle of 195.8 degrees, a saturation of 94.1% and a lightness of 66.9%. #5bd0fa color hex could be obtained by blending #b6ffff with #00a1f5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 82
- B 98
RGB color chart
- C 64
- M 17
- Y 0
- K 2
CMYK color chart

● #5bd0fa color description : Soft blue.

The hexadecimal color #5bd0fa has RGB values of R:91, G:208, B:250 and CMYK values of C:0.64, M:0.17, Y:0, K:0.02. Its decimal value is 6017274.

Hex triplet	5bd0fa	`#5bd0fa`
RGB Decimal	91, 208, 250	`rgb(91,208,250)`
RGB Percent	35.7, 81.6, 98	`rgb(35.7%,81.6%,98%)`
CMYK	64, 17, 0, 2
HSL	195.8°, 94.1, 66.9	`hsl(195.8,94.1%,66.9%)`
HSV (or HSB)	195.8°, 63.6, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.598, -20.607, -30.381
XYZ	44.121, 54.235, 98.58
xyY	0.224, 0.275, 54.235
CIE-LCH	78.598, 36.711, 235.851
CIE-LUV	78.598, -45.801, -46.119
Hunter-Lab	73.644, -21.936, -27.815
Binary	01011011, 11010000, 11111010

#5bd0fa
```
#5bd0fa rgb(91,208,250)
```
#fa855b
```
#fa855b rgb(250,133,91)
```

Complementary Color

#5bfad5
```
#5bfad5 rgb(91,250,213)
```
#5bd0fa
```
#5bd0fa rgb(91,208,250)
```
#5b81fa
```
#5b81fa rgb(91,129,250)
```

Analogous Color

#fad55b
```
#fad55b rgb(250,213,91)
```
#5bd0fa
```
#5bd0fa rgb(91,208,250)
```
#fa5b81
```
#fa5b81 rgb(250,91,129)
```

Split Complementary Color

#d0fa5b
```
#d0fa5b rgb(208,250,91)
```
#5bd0fa
```
#5bd0fa rgb(91,208,250)
```
#fa5bd0
```
#fa5bd0 rgb(250,91,208)
```

Triadic Color

#5bfa85
```
#5bfa85 rgb(91,250,133)
```
#5bd0fa
```
#5bd0fa rgb(91,208,250)
```
#fa5bd0
```
#fa5bd0 rgb(250,91,208)
```
#fa855b
```
#fa855b rgb(250,133,91)
```

Tetradic Color

#11bbf8
```
#11bbf8 rgb(17,187,248)
```
#2ac2f8
```
#2ac2f8 rgb(42,194,248)
```
#42c9f9
```
#42c9f9 rgb(66,201,249)
```
#5bd0fa
```
#5bd0fa rgb(91,208,250)
```
#74d7fb
```
#74d7fb rgb(116,215,251)
```
#8cdefc
```
#8cdefc rgb(140,222,252)
```
#a5e5fc
```
#a5e5fc rgb(165,229,252)
```

Monochromatic Color

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

#5bf8fa
```
#5bf8fa rgb(91,248,250)
```
#5bebfa
```
#5bebfa rgb(91,235,250)
```
#5bddfa
```
#5bddfa rgb(91,221,250)
```
#5bd0fa
```
#5bd0fa rgb(91,208,250)
```
#5bc3fa
```
#5bc3fa rgb(91,195,250)
```
#5bb6fa
```
#5bb6fa rgb(91,182,250)
```
#5ba8fa
```
#5ba8fa rgb(91,168,250)
```

Similar Colors

Text with hexadecimal color #5bd0fa

This text has a font color of #5bd0fa.

<span style="color:#5bd0fa;">Text here</span>

#5bd0fa background color

This paragraph has a background color of #5bd0fa.

<p style="background-color:#5bd0fa;">Content here</p>

#5bd0fa border color

This element has a border color of #5bd0fa.

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

CSS codes

.text {color:#5bd0fa;}

.background {background-color:#5bd0fa;}

.border {border:1px solid #5bd0fa;}

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

#000507
```
#000507 rgb(0,5,7)
```
#01141a
```
#01141a rgb(1,20,26)
```
#01222d
```
#01222d rgb(1,34,45)
```
#023040
```
#023040 rgb(2,48,64)
```
#033e53
```
#033e53 rgb(3,62,83)
```
#034c66
```
#034c66 rgb(3,76,102)
```
#045a7a
```
#045a7a rgb(4,90,122)
```
#04698d
```
#04698d rgb(4,105,141)
```
#0577a0
```
#0577a0 rgb(5,119,160)
```
#0585b3
```
#0585b3 rgb(5,133,179)
```
#0693c6
```
#0693c6 rgb(6,147,198)
```
#07a1d9
```
#07a1d9 rgb(7,161,217)
```
#07afec
```
#07afec rgb(7,175,236)
```

Shade Color Variation

#0fbaf8
```
#0fbaf8 rgb(15,186,248)
```
#22c0f8
```
#22c0f8 rgb(34,192,248)
```
#35c5f9
```
#35c5f9 rgb(53,197,249)
```
#48cbf9
```
#48cbf9 rgb(72,203,249)
```
#5bd0fa
```
#5bd0fa rgb(91,208,250)
```
#6ed5fb
```
#6ed5fb rgb(110,213,251)
```
#81dbfb
```
#81dbfb rgb(129,219,251)
```
#94e0fc
```
#94e0fc rgb(148,224,252)
```
#a7e6fc
```
#a7e6fc rgb(167,230,252)
```
#baebfd
```
#baebfd rgb(186,235,253)
```
#cdf1fd
```
#cdf1fd rgb(205,241,253)
```
#e0f6fe
```
#e0f6fe rgb(224,246,254)
```
#f3fcff
```
#f3fcff rgb(243,252,255)
```

Tint Color Variation

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

#a9abac
```
#a9abac rgb(169,171,172)
```
#a3aeb3
```
#a3aeb3 rgb(163,174,179)
```
#9cb1b9
```
#9cb1b9 rgb(156,177,185)
```
#96b4c0
```
#96b4c0 rgb(150,180,192)
```
#8fb7c6
```
#8fb7c6 rgb(143,183,198)
```
#89bbcd
```
#89bbcd rgb(137,187,205)
```
#82bed3
```
#82bed3 rgb(130,190,211)
```
#7cc1da
```
#7cc1da rgb(124,193,218)
```
#75c4e0
```
#75c4e0 rgb(117,196,224)
```
#6fc7e7
```
#6fc7e7 rgb(111,199,231)
```
#68caed
```
#68caed rgb(104,202,237)
```
#62cdf4
```
#62cdf4 rgb(98,205,244)
```
#5bd0fa
```
#5bd0fa rgb(91,208,250)
```

Tone Color Variation

Below, you can see how #5bd0fa 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

#b2b2b2 Achromatopsia 0.005% of the population
#a1b8c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac3f0 Protanopia 1% of men
#b5c2ff Deuteranopia 1% of men
#55d6e5 Tritanopia 0.001% of the population

Trichromacy

#97c8f4 Protanomaly 1% of men, 0.01% of women
#94c7fd Deuteranomaly 6% of men, 0.4% of women
#57d3ed Tritanomaly 0.01% of the population

#5bd0fa hex color

#5bd0fa Color Information

#5bd0fa Color Conversion

Color Schemes with #5bd0fa

Alternatives to #5bd0fa

#5bd0fa Preview

Shades and Tints of #5bd0fa

Tones of #5bd0fa

Color Blindness Simulator