#5bd6dd hex color

In a RGB color space, hex #5bd6dd is composed of 35.7% red, 83.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 3.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 183.2 degrees, a saturation of 65.7% and a lightness of 61.2%. #5bd6dd color hex could be obtained by blending #b6ffff with #00adbb. Closest websafe color is: #66cccc.

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

● #5bd6dd color description : Soft cyan.

The hexadecimal color #5bd6dd has RGB values of R:91, G:214, B:221 and CMYK values of C:0.59, M:0.03, Y:0, K:0.13. Its decimal value is 6018781.

Hex triplet	5bd6dd	`#5bd6dd`
RGB Decimal	91, 214, 221	`rgb(91,214,221)`
RGB Percent	35.7, 83.9, 86.7	`rgb(35.7%,83.9%,86.7%)`
CMYK	59, 3, 0, 13
HSL	183.2°, 65.7, 61.2	`hsl(183.2,65.7%,61.2%)`
HSV (or HSB)	183.2°, 58.8, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	79.348, -31.942, -13.746
XYZ	41.408, 55.534, 76.94
xyY	0.238, 0.319, 55.534
CIE-LCH	79.348, 34.774, 203.284
CIE-LUV	79.348, -49.491, -16.628
Hunter-Lab	74.521, -31.228, -9.049
Binary	01011011, 11010110, 11011101

#5bd6dd
```
#5bd6dd rgb(91,214,221)
```
#dd625b
```
#dd625b rgb(221,98,91)
```

Complementary Color

#5bdda3
```
#5bdda3 rgb(91,221,163)
```
#5bd6dd
```
#5bd6dd rgb(91,214,221)
```
#5b95dd
```
#5b95dd rgb(91,149,221)
```

Analogous Color

#dda35b
```
#dda35b rgb(221,163,91)
```
#5bd6dd
```
#5bd6dd rgb(91,214,221)
```
#dd5b95
```
#dd5b95 rgb(221,91,149)
```

Split Complementary Color

#d6dd5b
```
#d6dd5b rgb(214,221,91)
```
#5bd6dd
```
#5bd6dd rgb(91,214,221)
```
#dd5bd6
```
#dd5bd6 rgb(221,91,214)
```

Triadic Color

#5bdd62
```
#5bdd62 rgb(91,221,98)
```
#5bd6dd
```
#5bd6dd rgb(91,214,221)
```
#dd5bd6
```
#dd5bd6 rgb(221,91,214)
```
#dd625b
```
#dd625b rgb(221,98,91)
```

Tetradic Color

#28bbc3
```
#28bbc3 rgb(40,187,195)
```
#31cbd4
```
#31cbd4 rgb(49,203,212)
```
#46d1d9
```
#46d1d9 rgb(70,209,217)
```
#5bd6dd
```
#5bd6dd rgb(91,214,221)
```
#70dbe1
```
#70dbe1 rgb(112,219,225)
```
#85e1e6
```
#85e1e6 rgb(133,225,230)
```
#9ae6ea
```
#9ae6ea rgb(154,230,234)
```

Monochromatic Color

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

#5bddc4
```
#5bddc4 rgb(91,221,196)
```
#5bddce
```
#5bddce rgb(91,221,206)
```
#5bddd9
```
#5bddd9 rgb(91,221,217)
```
#5bd6dd
```
#5bd6dd rgb(91,214,221)
```
#5bcbdd
```
#5bcbdd rgb(91,203,221)
```
#5bc0dd
```
#5bc0dd rgb(91,192,221)
```
#5bb6dd
```
#5bb6dd rgb(91,182,221)
```

Similar Colors

Text with hexadecimal color #5bd6dd

This text has a font color of #5bd6dd.

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

#5bd6dd background color

This paragraph has a background color of #5bd6dd.

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

#5bd6dd border color

This element has a border color of #5bd6dd.

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

CSS codes

.text {color:#5bd6dd;}

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

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

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, #030e0f is the darkest color, while #fdffff is the lightest one.

#030e0f
```
#030e0f rgb(3,14,15)
```
#061e1f
```
#061e1f rgb(6,30,31)
```
#0a2d2f
```
#0a2d2f rgb(10,45,47)
```
#0d3d3f
```
#0d3d3f rgb(13,61,63)
```
#114c50
```
#114c50 rgb(17,76,80)
```
#145c60
```
#145c60 rgb(20,92,96)
```
#176b70
```
#176b70 rgb(23,107,112)
```
#1b7b80
```
#1b7b80 rgb(27,123,128)
```
#1e8b91
```
#1e8b91 rgb(30,139,145)
```
#219aa1
```
#219aa1 rgb(33,154,161)
```
#25aab1
```
#25aab1 rgb(37,170,177)
```
#28b9c1
```
#28b9c1 rgb(40,185,193)
```
#2bc9d2
```
#2bc9d2 rgb(43,201,210)
```

Shade Color Variation

#3bced6
```
#3bced6 rgb(59,206,214)
```
#4bd2da
```
#4bd2da rgb(75,210,218)
```
#5bd6dd
```
#5bd6dd rgb(91,214,221)
```
#6bdae0
```
#6bdae0 rgb(107,218,224)
```
#7bdee4
```
#7bdee4 rgb(123,222,228)
```
#8ce2e7
```
#8ce2e7 rgb(140,226,231)
```
#9ce6ea
```
#9ce6ea rgb(156,230,234)
```
#aceaee
```
#aceaee rgb(172,234,238)
```
#bceef1
```
#bceef1 rgb(188,238,241)
```
#cdf2f5
```
#cdf2f5 rgb(205,242,245)
```
#ddf6f8
```
#ddf6f8 rgb(221,246,248)
```
#edfbfb
```
#edfbfb rgb(237,251,251)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#98a0a0
```
#98a0a0 rgb(152,160,160)
```
#90a6a8
```
#90a6a8 rgb(144,166,168)
```
#89adaf
```
#89adaf rgb(137,173,175)
```
#81b4b7
```
#81b4b7 rgb(129,180,183)
```
#79bbbf
```
#79bbbf rgb(121,187,191)
```
#72c2c6
```
#72c2c6 rgb(114,194,198)
```
#6ac8ce
```
#6ac8ce rgb(106,200,206)
```
#63cfd5
```
#63cfd5 rgb(99,207,213)
```
#5bd6dd
```
#5bd6dd rgb(91,214,221)
```
#53dde5
```
#53dde5 rgb(83,221,229)
```
#4ce4ec
```
#4ce4ec rgb(76,228,236)
```
#44eaf4
```
#44eaf4 rgb(68,234,244)
```
#3df1fb
```
#3df1fb rgb(61,241,251)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#a1b9bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c6d4 Protanopia 1% of men
#cac3e6 Deuteranopia 1% of men
#67d6e6 Tritanopia 0.001% of the population

Trichromacy

#9fccd7 Protanomaly 1% of men, 0.01% of women
#a1cae3 Deuteranomaly 6% of men, 0.4% of women
#63d6e3 Tritanomaly 0.01% of the population

#5bd6dd hex color

#5bd6dd Color Information

#5bd6dd Color Conversion

Color Schemes with #5bd6dd

Alternatives to #5bd6dd

#5bd6dd Preview

Shades and Tints of #5bd6dd

Tones of #5bd6dd

Color Blindness Simulator