#5bded5 hex color

In a RGB color space, hex #5bded5 is composed of 35.7% red, 87.1% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 0% magenta, 4.1% yellow and 12.9% black. It has a hue angle of 175.9 degrees, a saturation of 66.5% and a lightness of 61.4%. #5bded5 color hex could be obtained by blending #b6ffff with #00bdab. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 87
- B 84
RGB color chart
- C 59
- M 0
- Y 4
- K 13
CMYK color chart

● #5bded5 color description : Soft cyan.

The hexadecimal color #5bded5 has RGB values of R:91, G:222, B:213 and CMYK values of C:0.59, M:0, Y:0.04, K:0.13. Its decimal value is 6020821.

Hex triplet	5bded5	`#5bded5`
RGB Decimal	91, 222, 213	`rgb(91,222,213)`
RGB Percent	35.7, 87.1, 83.5	`rgb(35.7%,87.1%,83.5%)`
CMYK	59, 0, 4, 13
HSL	175.9°, 66.5, 61.4	`hsl(175.9,66.5%,61.4%)`
HSV (or HSB)	175.9°, 59, 87.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.438, -37.823, -6.366
XYZ	42.442, 59.267, 72.15
xyY	0.244, 0.341, 59.267
CIE-LCH	81.438, 38.355, 189.555
CIE-LUV	81.438, -52.877, -3.872
Hunter-Lab	76.985, -36.317, -1.677
Binary	01011011, 11011110, 11010101

#5bded5
```
#5bded5 rgb(91,222,213)
```
#de5b64
```
#de5b64 rgb(222,91,100)
```

Complementary Color

#5bde94
```
#5bde94 rgb(91,222,148)
```
#5bded5
```
#5bded5 rgb(91,222,213)
```
#5ba6de
```
#5ba6de rgb(91,166,222)
```

Analogous Color

#de945b
```
#de945b rgb(222,148,91)
```
#5bded5
```
#5bded5 rgb(91,222,213)
```
#de5ba6
```
#de5ba6 rgb(222,91,166)
```

Split Complementary Color

#ded55b
```
#ded55b rgb(222,213,91)
```
#5bded5
```
#5bded5 rgb(91,222,213)
```
#d55bde
```
#d55bde rgb(213,91,222)
```

Triadic Color

#64de5b
```
#64de5b rgb(100,222,91)
```
#5bded5
```
#5bded5 rgb(91,222,213)
```
#d55bde
```
#d55bde rgb(213,91,222)
```
#de5b64
```
#de5b64 rgb(222,91,100)
```

Tetradic Color

#28c5ba
```
#28c5ba rgb(40,197,186)
```
#31d5ca
```
#31d5ca rgb(49,213,202)
```
#46dad0
```
#46dad0 rgb(70,218,208)
```
#5bded5
```
#5bded5 rgb(91,222,213)
```
#70e2da
```
#70e2da rgb(112,226,218)
```
#85e7e0
```
#85e7e0 rgb(133,231,224)
```
#9bebe5
```
#9bebe5 rgb(155,235,229)
```

Monochromatic Color

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

#5bdeb4
```
#5bdeb4 rgb(91,222,180)
```
#5bdebf
```
#5bdebf rgb(91,222,191)
```
#5bdeca
```
#5bdeca rgb(91,222,202)
```
#5bded5
```
#5bded5 rgb(91,222,213)
```
#5bdcde
```
#5bdcde rgb(91,220,222)
```
#5bd1de
```
#5bd1de rgb(91,209,222)
```
#5bc6de
```
#5bc6de rgb(91,198,222)
```

Similar Colors

Text with hexadecimal color #5bded5

This text has a font color of #5bded5.

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

#5bded5 background color

This paragraph has a background color of #5bded5.

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

#5bded5 border color

This element has a border color of #5bded5.

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

CSS codes

.text {color:#5bded5;}

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

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

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, #03100f is the darkest color, while #feffff is the lightest one.

#03100f
```
#03100f rgb(3,16,15)
```
#06201e
```
#06201e rgb(6,32,30)
```
#0a302e
```
#0a302e rgb(10,48,46)
```
#0d413d
```
#0d413d rgb(13,65,61)
```
#10514d
```
#10514d rgb(16,81,77)
```
#14615c
```
#14615c rgb(20,97,92)
```
#17726b
```
#17726b rgb(23,114,107)
```
#1a827b
```
#1a827b rgb(26,130,123)
```
#1d928a
```
#1d928a rgb(29,146,138)
```
#21a39a
```
#21a39a rgb(33,163,154)
```
#24b3a9
```
#24b3a9 rgb(36,179,169)
```
#27c3b9
```
#27c3b9 rgb(39,195,185)
```
#2bd4c8
```
#2bd4c8 rgb(43,212,200)
```

Shade Color Variation

#3ad7cd
```
#3ad7cd rgb(58,215,205)
```
#4bdbd1
```
#4bdbd1 rgb(75,219,209)
```
#5bded5
```
#5bded5 rgb(91,222,213)
```
#6be1d9
```
#6be1d9 rgb(107,225,217)
```
#7ce5dd
```
#7ce5dd rgb(124,229,221)
```
#8ce8e2
```
#8ce8e2 rgb(140,232,226)
```
#9cebe6
```
#9cebe6 rgb(156,235,230)
```
#adeeea
```
#adeeea rgb(173,238,234)
```
#bdf2ee
```
#bdf2ee rgb(189,242,238)
```
#cdf5f2
```
#cdf5f2 rgb(205,245,242)
```
#def8f6
```
#def8f6 rgb(222,248,246)
```
#eefcfb
```
#eefcfb rgb(238,252,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #98a1a1 is the less saturated color, while #3dfcef is the most saturated one.

#98a1a1
```
#98a1a1 rgb(152,161,161)
```
#90a9a7
```
#90a9a7 rgb(144,169,167)
```
#88b1ae
```
#88b1ae rgb(136,177,174)
```
#81b8b4
```
#81b8b4 rgb(129,184,180)
```
#79c0bb
```
#79c0bb rgb(121,192,187)
```
#72c7c1
```
#72c7c1 rgb(114,199,193)
```
#6acfc8
```
#6acfc8 rgb(106,207,200)
```
#63d6ce
```
#63d6ce rgb(99,214,206)
```
#5bded5
```
#5bded5 rgb(91,222,213)
```
#53e6dc
```
#53e6dc rgb(83,230,220)
```
#4cede2
```
#4cede2 rgb(76,237,226)
```
#44f5e9
```
#44f5e9 rgb(68,245,233)
```
#3dfcef
```
#3dfcef rgb(61,252,239)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#a4bebc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0cccc Protanopia 1% of men
#d7c7df Deuteranopia 1% of men
#6edcec Tritanopia 0.001% of the population

Trichromacy

#a5d2cf Protanomaly 1% of men, 0.01% of women
#a9cfdb Deuteranomaly 6% of men, 0.4% of women
#67dce3 Tritanomaly 0.01% of the population

#5bded5 hex color

#5bded5 Color Information

#5bded5 Color Conversion

Color Schemes with #5bded5

Alternatives to #5bded5

#5bded5 Preview

Shades and Tints of #5bded5

Tones of #5bded5

Color Blindness Simulator