#5bcbf8 hex color

In a RGB color space, hex #5bcbf8 is composed of 35.7% red, 79.6% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 18.1% magenta, 0% yellow and 2.7% black. It has a hue angle of 197.2 degrees, a saturation of 91.8% and a lightness of 66.5%. #5bcbf8 color hex could be obtained by blending #b6ffff with #0097f1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 80
- B 97
RGB color chart
- C 63
- M 18
- Y 0
- K 3
CMYK color chart

● #5bcbf8 color description : Soft blue.

The hexadecimal color #5bcbf8 has RGB values of R:91, G:203, B:248 and CMYK values of C:0.63, M:0.18, Y:0, K:0.03. Its decimal value is 6015992.

Hex triplet	5bcbf8	`#5bcbf8`
RGB Decimal	91, 203, 248	`rgb(91,203,248)`
RGB Percent	35.7, 79.6, 97.3	`rgb(35.7%,79.6%,97.3%)`
CMYK	63, 18, 0, 3
HSL	197.2°, 91.8, 66.5	`hsl(197.2,91.8%,66.5%)`
HSV (or HSB)	197.2°, 63.3, 97.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.107, -18.653, -31.606
XYZ	42.609, 51.71, 96.537
xyY	0.223, 0.271, 51.71
CIE-LCH	77.107, 36.7, 239.452
CIE-LUV	77.107, -44.103, -48.376
Hunter-Lab	71.91, -20.074, -29.259
Binary	01011011, 11001011, 11111000

#5bcbf8
```
#5bcbf8 rgb(91,203,248)
```
#f8885b
```
#f8885b rgb(248,136,91)
```

Complementary Color

#5bf8d7
```
#5bf8d7 rgb(91,248,215)
```
#5bcbf8
```
#5bcbf8 rgb(91,203,248)
```
#5b7df8
```
#5b7df8 rgb(91,125,248)
```

Analogous Color

#f8d75b
```
#f8d75b rgb(248,215,91)
```
#5bcbf8
```
#5bcbf8 rgb(91,203,248)
```
#f85b7d
```
#f85b7d rgb(248,91,125)
```

Split Complementary Color

#cbf85b
```
#cbf85b rgb(203,248,91)
```
#5bcbf8
```
#5bcbf8 rgb(91,203,248)
```
#f85bcb
```
#f85bcb rgb(248,91,203)
```

Triadic Color

#5bf888
```
#5bf888 rgb(91,248,136)
```
#5bcbf8
```
#5bcbf8 rgb(91,203,248)
```
#f85bcb
```
#f85bcb rgb(248,91,203)
```
#f8885b
```
#f8885b rgb(248,136,91)
```

Tetradic Color

#12b4f5
```
#12b4f5 rgb(18,180,245)
```
#2abbf6
```
#2abbf6 rgb(42,187,246)
```
#43c3f7
```
#43c3f7 rgb(67,195,247)
```
#5bcbf8
```
#5bcbf8 rgb(91,203,248)
```
#73d3f9
```
#73d3f9 rgb(115,211,249)
```
#8cdbfa
```
#8cdbfa rgb(140,219,250)
```
#a4e2fb
```
#a4e2fb rgb(164,226,251)
```

Monochromatic Color

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

#5bf2f8
```
#5bf2f8 rgb(91,242,248)
```
#5be5f8
```
#5be5f8 rgb(91,229,248)
```
#5bd8f8
```
#5bd8f8 rgb(91,216,248)
```
#5bcbf8
```
#5bcbf8 rgb(91,203,248)
```
#5bbef8
```
#5bbef8 rgb(91,190,248)
```
#5bb1f8
```
#5bb1f8 rgb(91,177,248)
```
#5ba4f8
```
#5ba4f8 rgb(91,164,248)
```

Similar Colors

Text with hexadecimal color #5bcbf8

This text has a font color of #5bcbf8.

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

#5bcbf8 background color

This paragraph has a background color of #5bcbf8.

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

#5bcbf8 border color

This element has a border color of #5bcbf8.

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

CSS codes

.text {color:#5bcbf8;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#011218
```
#011218 rgb(1,18,24)
```
#021f2b
```
#021f2b rgb(2,31,43)
```
#032d3e
```
#032d3e rgb(3,45,62)
```
#033a51
```
#033a51 rgb(3,58,81)
```
#044863
```
#044863 rgb(4,72,99)
```
#055676
```
#055676 rgb(5,86,118)
```
#066389
```
#066389 rgb(6,99,137)
```
#07719c
```
#07719c rgb(7,113,156)
```
#077faf
```
#077faf rgb(7,127,175)
```
#088cc1
```
#088cc1 rgb(8,140,193)
```
#099ad4
```
#099ad4 rgb(9,154,212)
```
#0aa8e7
```
#0aa8e7 rgb(10,168,231)
```

Shade Color Variation

#10b3f5
```
#10b3f5 rgb(16,179,245)
```
#23b9f6
```
#23b9f6 rgb(35,185,246)
```
#35bff6
```
#35bff6 rgb(53,191,246)
```
#48c5f7
```
#48c5f7 rgb(72,197,247)
```
#5bcbf8
```
#5bcbf8 rgb(91,203,248)
```
#6ed1f9
```
#6ed1f9 rgb(110,209,249)
```
#81d7fa
```
#81d7fa rgb(129,215,250)
```
#93ddfa
```
#93ddfa rgb(147,221,250)
```
#a6e3fb
```
#a6e3fb rgb(166,227,251)
```
#b9e9fc
```
#b9e9fc rgb(185,233,252)
```
#cceffd
```
#cceffd rgb(204,239,253)
```
#dff5fe
```
#dff5fe rgb(223,245,254)
```
#f1fbfe
```
#f1fbfe rgb(241,251,254)
```

Tint Color Variation

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

#a3acb0
```
#a3acb0 rgb(163,172,176)
```
#9dafb6
```
#9dafb6 rgb(157,175,182)
```
#96b2bd
```
#96b2bd rgb(150,178,189)
```
#90b5c3
```
#90b5c3 rgb(144,181,195)
```
#89b7ca
```
#89b7ca rgb(137,183,202)
```
#82bad1
```
#82bad1 rgb(130,186,209)
```
#7cbdd7
```
#7cbdd7 rgb(124,189,215)
```
#75c0de
```
#75c0de rgb(117,192,222)
```
#6fc3e4
```
#6fc3e4 rgb(111,195,228)
```
#68c5eb
```
#68c5eb rgb(104,197,235)
```
#62c8f1
```
#62c8f1 rgb(98,200,241)
```
#5bcbf8
```
#5bcbf8 rgb(91,203,248)
```
#54ceff
```
#54ceff rgb(84,206,255)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9eb5be Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bfef Protanopia 1% of men
#afbffd Deuteranopia 1% of men
#54d1e1 Tritanopia 0.001% of the population

Trichromacy

#94c3f2 Protanomaly 1% of men, 0.01% of women
#90c3fb Deuteranomaly 6% of men, 0.4% of women
#56cfe9 Tritanomaly 0.01% of the population

#5bcbf8 hex color

#5bcbf8 Color Information

#5bcbf8 Color Conversion

Color Schemes with #5bcbf8

Alternatives to #5bcbf8

#5bcbf8 Preview

Shades and Tints of #5bcbf8

Tones of #5bcbf8

Color Blindness Simulator