#5bcff4 hex color

In a RGB color space, hex #5bcff4 is composed of 35.7% red, 81.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 15.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 194.5 degrees, a saturation of 87.4% and a lightness of 65.7%. #5bcff4 color hex could be obtained by blending #b6ffff with #009fe9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 81
- B 96
RGB color chart
- C 63
- M 15
- Y 0
- K 4
CMYK color chart

● #5bcff4 color description : Soft cyan.

The hexadecimal color #5bcff4 has RGB values of R:91, G:207, B:244 and CMYK values of C:0.63, M:0.15, Y:0, K:0.04. Its decimal value is 6017012.

Hex triplet	5bcff4	`#5bcff4`
RGB Decimal	91, 207, 244	`rgb(91,207,244)`
RGB Percent	35.7, 81.2, 95.7	`rgb(35.7%,81.2%,95.7%)`
CMYK	63, 15, 0, 4
HSL	194.5°, 87.4, 65.7	`hsl(194.5,87.4%,65.7%)`
HSV (or HSB)	194.5°, 62.7, 95.7
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.098, -21.9, -27.945
XYZ	42.952, 53.378, 93.622
xyY	0.226, 0.281, 53.378
CIE-LCH	78.098, 35.504, 231.915
CIE-LUV	78.098, -45.74, -41.746
Hunter-Lab	73.06, -22.916, -24.834
Binary	01011011, 11001111, 11110100

#5bcff4
```
#5bcff4 rgb(91,207,244)
```
#f4805b
```
#f4805b rgb(244,128,91)
```

Complementary Color

#5bf4cd
```
#5bf4cd rgb(91,244,205)
```
#5bcff4
```
#5bcff4 rgb(91,207,244)
```
#5b83f4
```
#5b83f4 rgb(91,131,244)
```

Analogous Color

#f4cd5b
```
#f4cd5b rgb(244,205,91)
```
#5bcff4
```
#5bcff4 rgb(91,207,244)
```
#f45b83
```
#f45b83 rgb(244,91,131)
```

Split Complementary Color

#cff45b
```
#cff45b rgb(207,244,91)
```
#5bcff4
```
#5bcff4 rgb(91,207,244)
```
#f45bcf
```
#f45bcf rgb(244,91,207)
```

Triadic Color

#5bf480
```
#5bf480 rgb(91,244,128)
```
#5bcff4
```
#5bcff4 rgb(91,207,244)
```
#f45bcf
```
#f45bcf rgb(244,91,207)
```
#f4805b
```
#f4805b rgb(244,128,91)
```

Tetradic Color

#13baef
```
#13baef rgb(19,186,239)
```
#2bc1f1
```
#2bc1f1 rgb(43,193,241)
```
#43c8f2
```
#43c8f2 rgb(67,200,242)
```
#5bcff4
```
#5bcff4 rgb(91,207,244)
```
#73d6f6
```
#73d6f6 rgb(115,214,246)
```
#8bddf7
```
#8bddf7 rgb(139,221,247)
```
#a3e4f9
```
#a3e4f9 rgb(163,228,249)
```

Monochromatic Color

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

#5bf4f3
```
#5bf4f3 rgb(91,244,243)
```
#5be9f4
```
#5be9f4 rgb(91,233,244)
```
#5bdcf4
```
#5bdcf4 rgb(91,220,244)
```
#5bcff4
```
#5bcff4 rgb(91,207,244)
```
#5bc2f4
```
#5bc2f4 rgb(91,194,244)
```
#5bb6f4
```
#5bb6f4 rgb(91,182,244)
```
#5ba9f4
```
#5ba9f4 rgb(91,169,244)
```

Similar Colors

Text with hexadecimal color #5bcff4

This text has a font color of #5bcff4.

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

#5bcff4 background color

This paragraph has a background color of #5bcff4.

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

#5bcff4 border color

This element has a border color of #5bcff4.

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

CSS codes

.text {color:#5bcff4;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#010f14
```
#010f14 rgb(1,15,20)
```
#031e26
```
#031e26 rgb(3,30,38)
```
#042c39
```
#042c39 rgb(4,44,57)
```
#053a4b
```
#053a4b rgb(5,58,75)
```
#06485d
```
#06485d rgb(6,72,93)
```
#075770
```
#075770 rgb(7,87,112)
```
#096582
```
#096582 rgb(9,101,130)
```
#0a7395
```
#0a7395 rgb(10,115,149)
```
#0b81a7
```
#0b81a7 rgb(11,129,167)
```
#0c8fb9
```
#0c8fb9 rgb(12,143,185)
```
#0e9ecc
```
#0e9ecc rgb(14,158,204)
```
#0facde
```
#0facde rgb(15,172,222)
```

Shade Color Variation

#11b9ef
```
#11b9ef rgb(17,185,239)
```
#24bff0
```
#24bff0 rgb(36,191,240)
```
#36c4f2
```
#36c4f2 rgb(54,196,242)
```
#49caf3
```
#49caf3 rgb(73,202,243)
```
#5bcff4
```
#5bcff4 rgb(91,207,244)
```
#6dd4f5
```
#6dd4f5 rgb(109,212,245)
```
#80daf6
```
#80daf6 rgb(128,218,246)
```
#92dff8
```
#92dff8 rgb(146,223,248)
```
#a5e5f9
```
#a5e5f9 rgb(165,229,249)
```
#b7eafa
```
#b7eafa rgb(183,234,250)
```
#c9effb
```
#c9effb rgb(201,239,251)
```
#dcf5fd
```
#dcf5fd rgb(220,245,253)
```
#eefafe
```
#eefafe rgb(238,250,254)
```

Tint Color Variation

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

#a5a9aa
```
#a5a9aa rgb(165,169,170)
```
#9eacb1
```
#9eacb1 rgb(158,172,177)
```
#98b0b7
```
#98b0b7 rgb(152,176,183)
```
#91b3be
```
#91b3be rgb(145,179,190)
```
#8ab7c5
```
#8ab7c5 rgb(138,183,197)
```
#83bacc
```
#83bacc rgb(131,186,204)
```
#7dbed2
```
#7dbed2 rgb(125,190,210)
```
#76c1d9
```
#76c1d9 rgb(118,193,217)
```
#6fc5e0
```
#6fc5e0 rgb(111,197,224)
```
#68c8e7
```
#68c8e7 rgb(104,200,231)
```
#62cced
```
#62cced rgb(98,204,237)
```
#5bcff4
```
#5bcff4 rgb(91,207,244)
```
#54d2fb
```
#54d2fb rgb(84,210,251)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a0b7be Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac2eb Protanopia 1% of men
#b7c1fa Deuteranopia 1% of men
#59d4e4 Tritanopia 0.001% of the population

Trichromacy

#97c7ee Protanomaly 1% of men, 0.01% of women
#95c6f8 Deuteranomaly 6% of men, 0.4% of women
#59d2e9 Tritanomaly 0.01% of the population

#5bcff4 hex color

#5bcff4 Color Information

#5bcff4 Color Conversion

Color Schemes with #5bcff4

Alternatives to #5bcff4

#5bcff4 Preview

Shades and Tints of #5bcff4

Tones of #5bcff4

Color Blindness Simulator