#5bd6d2 hex color

In a RGB color space, hex #5bd6d2 is composed of 35.7% red, 83.9% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 0% magenta, 1.9% yellow and 16.1% black. It has a hue angle of 178 degrees, a saturation of 60% and a lightness of 59.8%. #5bd6d2 color hex could be obtained by blending #b6ffff with #00ada5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 84
- B 82
RGB color chart
- C 57
- M 0
- Y 2
- K 16
CMYK color chart

● #5bd6d2 color description : Moderate cyan.

The hexadecimal color #5bd6d2 has RGB values of R:91, G:214, B:210 and CMYK values of C:0.57, M:0, Y:0.02, K:0.16. Its decimal value is 6018770.

Hex triplet	5bd6d2	`#5bd6d2`
RGB Decimal	91, 214, 210	`rgb(91,214,210)`
RGB Percent	35.7, 83.9, 82.4	`rgb(35.7%,83.9%,82.4%)`
CMYK	57, 0, 2, 16
HSL	178°, 60, 59.8	`hsl(178,60%,59.8%)`
HSV (or HSB)	178°, 57.5, 83.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	79.022, -34.915, -8.347
XYZ	39.99, 54.967, 69.471
xyY	0.243, 0.334, 54.967
CIE-LCH	79.022, 35.899, 193.445
CIE-LUV	79.022, -50.08, -7.448
Hunter-Lab	74.14, -33.464, -3.659
Binary	01011011, 11010110, 11010010

#5bd6d2
```
#5bd6d2 rgb(91,214,210)
```
#d65b5f
```
#d65b5f rgb(214,91,95)
```

Complementary Color

#5bd695
```
#5bd695 rgb(91,214,149)
```
#5bd6d2
```
#5bd6d2 rgb(91,214,210)
```
#5b9dd6
```
#5b9dd6 rgb(91,157,214)
```

Analogous Color

#d6955b
```
#d6955b rgb(214,149,91)
```
#5bd6d2
```
#5bd6d2 rgb(91,214,210)
```
#d65b9d
```
#d65b9d rgb(214,91,157)
```

Split Complementary Color

#d6d25b
```
#d6d25b rgb(214,210,91)
```
#5bd6d2
```
#5bd6d2 rgb(91,214,210)
```
#d25bd6
```
#d25bd6 rgb(210,91,214)
```

Triadic Color

#5fd65b
```
#5fd65b rgb(95,214,91)
```
#5bd6d2
```
#5bd6d2 rgb(91,214,210)
```
#d25bd6
```
#d25bd6 rgb(210,91,214)
```
#d65b5f
```
#d65b5f rgb(214,91,95)
```

Tetradic Color

#2eb7b2
```
#2eb7b2 rgb(46,183,178)
```
#33cbc6
```
#33cbc6 rgb(51,203,198)
```
#47d1cc
```
#47d1cc rgb(71,209,204)
```
#5bd6d2
```
#5bd6d2 rgb(91,214,210)
```
#6fdbd8
```
#6fdbd8 rgb(111,219,216)
```
#84e0dd
```
#84e0dd rgb(132,224,221)
```
#98e5e3
```
#98e5e3 rgb(152,229,227)
```

Monochromatic Color

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

#5bd6b3
```
#5bd6b3 rgb(91,214,179)
```
#5bd6be
```
#5bd6be rgb(91,214,190)
```
#5bd6c8
```
#5bd6c8 rgb(91,214,200)
```
#5bd6d2
```
#5bd6d2 rgb(91,214,210)
```
#5bd0d6
```
#5bd0d6 rgb(91,208,214)
```
#5bc6d6
```
#5bc6d6 rgb(91,198,214)
```
#5bbbd6
```
#5bbbd6 rgb(91,187,214)
```

Similar Colors

Text with hexadecimal color #5bd6d2

This text has a font color of #5bd6d2.

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

#5bd6d2 background color

This paragraph has a background color of #5bd6d2.

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

#5bd6d2 border color

This element has a border color of #5bd6d2.

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

CSS codes

.text {color:#5bd6d2;}

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

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

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

#020908
```
#020908 rgb(2,9,8)
```
#061818
```
#061818 rgb(6,24,24)
```
#0a2827
```
#0a2827 rgb(10,40,39)
```
#0e3836
```
#0e3836 rgb(14,56,54)
```
#124746
```
#124746 rgb(18,71,70)
```
#165755
```
#165755 rgb(22,87,85)
```
#1a6764
```
#1a6764 rgb(26,103,100)
```
#1e7674
```
#1e7674 rgb(30,118,116)
```
#228683
```
#228683 rgb(34,134,131)
```
#259692
```
#259692 rgb(37,150,146)
```
#29a6a2
```
#29a6a2 rgb(41,166,162)
```
#2db5b1
```
#2db5b1 rgb(45,181,177)
```
#31c5c0
```
#31c5c0 rgb(49,197,192)
```

Shade Color Variation

#3ccec9
```
#3ccec9 rgb(60,206,201)
```
#4bd2ce
```
#4bd2ce rgb(75,210,206)
```
#5bd6d2
```
#5bd6d2 rgb(91,214,210)
```
#6bdad6
```
#6bdad6 rgb(107,218,214)
```
#7adedb
```
#7adedb rgb(122,222,219)
```
#8ae2df
```
#8ae2df rgb(138,226,223)
```
#9ae6e3
```
#9ae6e3 rgb(154,230,227)
```
#a9eae8
```
#a9eae8 rgb(169,234,232)
```
#b9eeec
```
#b9eeec rgb(185,238,236)
```
#c9f1f0
```
#c9f1f0 rgb(201,241,240)
```
#d9f5f4
```
#d9f5f4 rgb(217,245,244)
```
#e8f9f9
```
#e8f9f9 rgb(232,249,249)
```
#f8fdfd
```
#f8fdfd rgb(248,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929f9e is the less saturated color, while #34fdf7 is the most saturated one.

#929f9e
```
#929f9e rgb(146,159,158)
```
#8aa7a6
```
#8aa7a6 rgb(138,167,166)
```
#82afad
```
#82afad rgb(130,175,173)
```
#7bb6b5
```
#7bb6b5 rgb(123,182,181)
```
#73bebc
```
#73bebc rgb(115,190,188)
```
#6bc6c3
```
#6bc6c3 rgb(107,198,195)
```
#63cecb
```
#63cecb rgb(99,206,203)
```
#5bd6d2
```
#5bd6d2 rgb(91,214,210)
```
#53ded9
```
#53ded9 rgb(83,222,217)
```
#4be6e1
```
#4be6e1 rgb(75,230,225)
```
#43eee8
```
#43eee8 rgb(67,238,232)
```
#3bf6ef
```
#3bf6ef rgb(59,246,239)
```
#34fdf7
```
#34fdf7 rgb(52,253,247)
```

Tone Color Variation

Below, you can see how #5bd6d2 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
#a0b8b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c5ca Protanopia 1% of men
#cec1dc Deuteranopia 1% of men
#6cd5e5 Tritanopia 0.001% of the population

Trichromacy

#a0cbcd Protanomaly 1% of men, 0.01% of women
#a4c9d8 Deuteranomaly 6% of men, 0.4% of women
#65d5de Tritanomaly 0.01% of the population

#5bd6d2 hex color

#5bd6d2 Color Information

#5bd6d2 Color Conversion

Color Schemes with #5bd6d2

Alternatives to #5bd6d2

#5bd6d2 Preview

Shades and Tints of #5bd6d2

Tones of #5bd6d2

Color Blindness Simulator