#5bd6fa hex color

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

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

● #5bd6fa color description : Soft cyan.

The hexadecimal color #5bd6fa has RGB values of R:91, G:214, B:250 and CMYK values of C:0.64, M:0.14, Y:0, K:0.02. Its decimal value is 6018810.

Hex triplet	5bd6fa	`#5bd6fa`
RGB Decimal	91, 214, 250	`rgb(91,214,250)`
RGB Percent	35.7, 83.9, 98	`rgb(35.7%,83.9%,98%)`
CMYK	64, 14, 0, 2
HSL	193.6°, 94.1, 66.9	`hsl(193.6,94.1%,66.9%)`
HSV (or HSB)	193.6°, 63.6, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.301, -23.634, -27.77
XYZ	45.612, 57.216, 99.077
xyY	0.226, 0.283, 57.216
CIE-LCH	80.301, 36.466, 229.6
CIE-LUV	80.301, -47.955, -41.343
Hunter-Lab	75.641, -24.736, -24.711
Binary	01011011, 11010110, 11111010

#5bd6fa
```
#5bd6fa rgb(91,214,250)
```
#fa7f5b
```
#fa7f5b rgb(250,127,91)
```

Complementary Color

#5bfacf
```
#5bfacf rgb(91,250,207)
```
#5bd6fa
```
#5bd6fa rgb(91,214,250)
```
#5b87fa
```
#5b87fa rgb(91,135,250)
```

Analogous Color

#facf5b
```
#facf5b rgb(250,207,91)
```
#5bd6fa
```
#5bd6fa rgb(91,214,250)
```
#fa5b87
```
#fa5b87 rgb(250,91,135)
```

Split Complementary Color

#d6fa5b
```
#d6fa5b rgb(214,250,91)
```
#5bd6fa
```
#5bd6fa rgb(91,214,250)
```
#fa5bd6
```
#fa5bd6 rgb(250,91,214)
```

Triadic Color

#5bfa7f
```
#5bfa7f rgb(91,250,127)
```
#5bd6fa
```
#5bd6fa rgb(91,214,250)
```
#fa5bd6
```
#fa5bd6 rgb(250,91,214)
```
#fa7f5b
```
#fa7f5b rgb(250,127,91)
```

Tetradic Color

#11c3f8
```
#11c3f8 rgb(17,195,248)
```
#2acaf8
```
#2acaf8 rgb(42,202,248)
```
#42d0f9
```
#42d0f9 rgb(66,208,249)
```
#5bd6fa
```
#5bd6fa rgb(91,214,250)
```
#74dcfb
```
#74dcfb rgb(116,220,251)
```
#8ce2fc
```
#8ce2fc rgb(140,226,252)
```
#a5e9fc
```
#a5e9fc rgb(165,233,252)
```

Monochromatic Color

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

#5bfaf6
```
#5bfaf6 rgb(91,250,246)
```
#5bf1fa
```
#5bf1fa rgb(91,241,250)
```
#5be3fa
```
#5be3fa rgb(91,227,250)
```
#5bd6fa
```
#5bd6fa rgb(91,214,250)
```
#5bc9fa
```
#5bc9fa rgb(91,201,250)
```
#5bbcfa
```
#5bbcfa rgb(91,188,250)
```
#5baefa
```
#5baefa rgb(91,174,250)
```

Similar Colors

Text with hexadecimal color #5bd6fa

This text has a font color of #5bd6fa.

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

#5bd6fa background color

This paragraph has a background color of #5bd6fa.

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

#5bd6fa border color

This element has a border color of #5bd6fa.

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

CSS codes

.text {color:#5bd6fa;}

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

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

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

#000607
```
#000607 rgb(0,6,7)
```
#01151a
```
#01151a rgb(1,21,26)
```
#01232d
```
#01232d rgb(1,35,45)
```
#023240
```
#023240 rgb(2,50,64)
```
#034153
```
#034153 rgb(3,65,83)
```
#035066
```
#035066 rgb(3,80,102)
```
#045f7a
```
#045f7a rgb(4,95,122)
```
#046e8d
```
#046e8d rgb(4,110,141)
```
#057da0
```
#057da0 rgb(5,125,160)
```
#058bb3
```
#058bb3 rgb(5,139,179)
```
#069ac6
```
#069ac6 rgb(6,154,198)
```
#07a9d9
```
#07a9d9 rgb(7,169,217)
```
#07b8ec
```
#07b8ec rgb(7,184,236)
```

Shade Color Variation

#0fc3f8
```
#0fc3f8 rgb(15,195,248)
```
#22c8f8
```
#22c8f8 rgb(34,200,248)
```
#35ccf9
```
#35ccf9 rgb(53,204,249)
```
#48d1f9
```
#48d1f9 rgb(72,209,249)
```
#5bd6fa
```
#5bd6fa rgb(91,214,250)
```
#6edbfb
```
#6edbfb rgb(110,219,251)
```
#81e0fb
```
#81e0fb rgb(129,224,251)
```
#94e4fc
```
#94e4fc rgb(148,228,252)
```
#a7e9fc
```
#a7e9fc rgb(167,233,252)
```
#baeefd
```
#baeefd rgb(186,238,253)
```
#cdf3fd
```
#cdf3fd rgb(205,243,253)
```
#e0f7fe
```
#e0f7fe rgb(224,247,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 #5bd6fa is the most saturated one.

#a9abac
```
#a9abac rgb(169,171,172)
```
#a3afb3
```
#a3afb3 rgb(163,175,179)
```
#9cb2b9
```
#9cb2b9 rgb(156,178,185)
```
#96b6c0
```
#96b6c0 rgb(150,182,192)
```
#8fbac6
```
#8fbac6 rgb(143,186,198)
```
#89bdcd
```
#89bdcd rgb(137,189,205)
```
#82c1d3
```
#82c1d3 rgb(130,193,211)
```
#7cc4da
```
#7cc4da rgb(124,196,218)
```
#75c8e0
```
#75c8e0 rgb(117,200,224)
```
#6fcbe7
```
#6fcbe7 rgb(111,203,231)
```
#68cfed
```
#68cfed rgb(104,207,237)
```
#62d2f4
```
#62d2f4 rgb(98,210,244)
```
#5bd6fa
```
#5bd6fa rgb(91,214,250)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a3bcc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c8f0 Protanopia 1% of men
#bec7ff Deuteranopia 1% of men
#59daea Tritanopia 0.001% of the population

Trichromacy

#9bcdf3 Protanomaly 1% of men, 0.01% of women
#9accfd Deuteranomaly 6% of men, 0.4% of women
#5ad9f0 Tritanomaly 0.01% of the population

#5bd6fa hex color

#5bd6fa Color Information

#5bd6fa Color Conversion

Color Schemes with #5bd6fa

Alternatives to #5bd6fa

#5bd6fa Preview

Shades and Tints of #5bd6fa

Tones of #5bd6fa

Color Blindness Simulator