#5bebcc Color Information
In a RGB color space, hex #5bebcc is composed of 35.7% red, 92.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 0% magenta, 13.2% yellow and 7.8% black. It has a hue angle of 167.1 degrees, a saturation of 78.3% and a lightness of 63.9%. #5bebcc color hex could be obtained by blending #b6ffff with #00d799. Closest websafe color is: #66ffcc.
-
- R 36
- G 92
- B 80
-
- C 61
- M 0
- Y 13
- K 8
● #5bebcc color description : Soft cyan.
#5bebcc Color Conversion
The hexadecimal color #5bebcc has RGB values of R:91, G:235, B:204 and CMYK values of C:0.61, M:0, Y:0.13, K:0.08. Its decimal value is 6024140.
| Hex triplet | 5bebcc | #5bebcc |
|---|---|---|
| RGB Decimal | 91, 235, 204 | rgb(91,235,204) |
| RGB Percent | 35.7, 92.2, 80 | rgb(35.7%,92.2%,80%) |
| CMYK | 61, 0, 13, 8 | |
| HSL | 167.1°, 78.3, 63.9 | hsl(167.1,78.3%,63.9%) |
| HSV (or HSB) | 167.1°, 61.3, 92.2 | |
| Web Safe | 66ffcc | #66ffcc |
| CIE-LAB | 84.995, -45.861, 3.599 |
|---|---|
| XYZ | 44.918, 65.997, 67.495 |
| xyY | 0.252, 0.37, 65.997 |
| CIE-LCH | 84.995, 46.002, 175.513 |
| CIE-LUV | 84.995, -58.155, 12.924 |
| Hunter-Lab | 81.238, -43.471, 7.607 |
| Binary | 01011011, 11101011, 11001100 |
Color Schemes with #5bebcc
Alternatives to #5bebcc
Below, you can see some colors close to #5bebcc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5bebcc Preview
This text has a font color of #5bebcc.
<span style="color:#5bebcc;">Text here</span>
This paragraph has a background color of #5bebcc.
<p style="background-color:#5bebcc;">Content here</p>
This element has a border color of #5bebcc.
<div style="border:1px solid #5bebcc;">Content here</div>
.text {color:#5bebcc;}
.background {background-color:#5bebcc;}
.border {border:1px solid #5bebcc;}
Shades and Tints of #5bebcc
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, #010b09 is the darkest color, while #f8fefd is the lightest one.
-
#010b09
#010b09rgb(1,11,9) -
#031c17
#031c17rgb(3,28,23) -
#062e25
#062e25rgb(6,46,37) -
#083f33
#083f33rgb(8,63,51) -
#0a5141
#0a5141rgb(10,81,65) -
#0c6250
#0c6250rgb(12,98,80) -
#0e745e
#0e745ergb(14,116,94) -
#10856c
#10856crgb(16,133,108) -
#12977a
#12977argb(18,151,122) -
#15a888
#15a888rgb(21,168,136) -
#17ba97
#17ba97rgb(23,186,151) -
#19cba5
#19cba5rgb(25,203,165) -
#1bddb3
#1bddb3rgb(27,221,179)
-
#27e5bc
#27e5bcrgb(39,229,188) -
#38e7c1
#38e7c1rgb(56,231,193) -
#4ae9c7
#4ae9c7rgb(74,233,199) -
#5bebcc
#5bebccrgb(91,235,204) -
#6cedd1
#6cedd1rgb(108,237,209) -
#7eefd7
#7eefd7rgb(126,239,215) -
#8ff1dc
#8ff1dcrgb(143,241,220) -
#a1f4e2
#a1f4e2rgb(161,244,226) -
#b2f6e7
#b2f6e7rgb(178,246,231) -
#c4f8ed
#c4f8edrgb(196,248,237) -
#d5faf2
#d5faf2rgb(213,250,242) -
#e7fcf7
#e7fcf7rgb(231,252,247) -
#f8fefd
#f8fefdrgb(248,254,253)
Tones of #5bebcc
A tone is produced by adding gray to any pure hue. In this case, #a2a4a4 is the less saturated color, while #4df9d4 is the most saturated one.
-
#a2a4a4
#a2a4a4rgb(162,164,164) -
#9baba8
#9baba8rgb(155,171,168) -
#94b2ac
#94b2acrgb(148,178,172) -
#8db9b0
#8db9b0rgb(141,185,176) -
#85c1b4
#85c1b4rgb(133,193,180) -
#7ec8b8
#7ec8b8rgb(126,200,184) -
#77cfbc
#77cfbcrgb(119,207,188) -
#70d6c0
#70d6c0rgb(112,214,192) -
#69ddc4
#69ddc4rgb(105,221,196) -
#62e4c8
#62e4c8rgb(98,228,200) -
#5bebcc
#5bebccrgb(91,235,204) -
#54f2d0
#54f2d0rgb(84,242,208) -
#4df9d4
#4df9d4rgb(77,249,212)
Color Blindness Simulator
Below, you can see how #5bebcc 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.
