#5bd4d1 hex color

In a RGB color space, hex #5bd4d1 is composed of 35.7% red, 83.1% green and 82% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 0% magenta, 1.4% yellow and 16.9% black. It has a hue angle of 178.5 degrees, a saturation of 58.5% and a lightness of 59.4%. #5bd4d1 color hex could be obtained by blending #b6ffff with #00a9a3. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 83
- B 82
RGB color chart
- C 57
- M 0
- Y 1
- K 17
CMYK color chart

● #5bd4d1 color description : Moderate cyan.

The hexadecimal color #5bd4d1 has RGB values of R:91, G:212, B:209 and CMYK values of C:0.57, M:0, Y:0.01, K:0.17. Its decimal value is 6018257.

Hex triplet	5bd4d1	`#5bd4d1`
RGB Decimal	91, 212, 209	`rgb(91,212,209)`
RGB Percent	35.7, 83.1, 82	`rgb(35.7%,83.1%,82%)`
CMYK	57, 0, 1, 17
HSL	178.5°, 58.5, 59.4	`hsl(178.5,58.5%,59.4%)`
HSV (or HSB)	178.5°, 57.1, 83.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.41, -34.245, -8.721
XYZ	39.363, 53.911, 68.65
xyY	0.243, 0.333, 53.911
CIE-LCH	78.41, 35.338, 194.287
CIE-LUV	78.41, -49.389, -8.139
Hunter-Lab	73.424, -32.798, -4.037
Binary	01011011, 11010100, 11010001

#5bd4d1
```
#5bd4d1 rgb(91,212,209)
```
#d45b5e
```
#d45b5e rgb(212,91,94)
```

Complementary Color

#5bd495
```
#5bd495 rgb(91,212,149)
```
#5bd4d1
```
#5bd4d1 rgb(91,212,209)
```
#5b9bd4
```
#5b9bd4 rgb(91,155,212)
```

Analogous Color

#d4955b
```
#d4955b rgb(212,149,91)
```
#5bd4d1
```
#5bd4d1 rgb(91,212,209)
```
#d45b9b
```
#d45b9b rgb(212,91,155)
```

Split Complementary Color

#d4d15b
```
#d4d15b rgb(212,209,91)
```
#5bd4d1
```
#5bd4d1 rgb(91,212,209)
```
#d15bd4
```
#d15bd4 rgb(209,91,212)
```

Triadic Color

#5ed45b
```
#5ed45b rgb(94,212,91)
```
#5bd4d1
```
#5bd4d1 rgb(91,212,209)
```
#d15bd4
```
#d15bd4 rgb(209,91,212)
```
#d45b5e
```
#d45b5e rgb(212,91,94)
```

Tetradic Color

#2fb3b0
```
#2fb3b0 rgb(47,179,176)
```
#34c8c4
```
#34c8c4 rgb(52,200,196)
```
#47cfcb
```
#47cfcb rgb(71,207,203)
```
#5bd4d1
```
#5bd4d1 rgb(91,212,209)
```
#6fd9d7
```
#6fd9d7 rgb(111,217,215)
```
#83dfdc
```
#83dfdc rgb(131,223,220)
```
#98e4e2
```
#98e4e2 rgb(152,228,226)
```

Monochromatic Color

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

#5bd4b3
```
#5bd4b3 rgb(91,212,179)
```
#5bd4bd
```
#5bd4bd rgb(91,212,189)
```
#5bd4c7
```
#5bd4c7 rgb(91,212,199)
```
#5bd4d1
```
#5bd4d1 rgb(91,212,209)
```
#5bcdd4
```
#5bcdd4 rgb(91,205,212)
```
#5bc3d4
```
#5bc3d4 rgb(91,195,212)
```
#5bb9d4
```
#5bb9d4 rgb(91,185,212)
```

Similar Colors

Text with hexadecimal color #5bd4d1

This text has a font color of #5bd4d1.

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

#5bd4d1 background color

This paragraph has a background color of #5bd4d1.

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

#5bd4d1 border color

This element has a border color of #5bd4d1.

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

CSS codes

.text {color:#5bd4d1;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#061616
```
#061616 rgb(6,22,22)
```
#0a2625
```
#0a2625 rgb(10,38,37)
```
#0e3635
```
#0e3635 rgb(14,54,53)
```
#124544
```
#124544 rgb(18,69,68)
```
#165553
```
#165553 rgb(22,85,83)
```
#1a6462
```
#1a6462 rgb(26,100,98)
```
#1e7472
```
#1e7472 rgb(30,116,114)
```
#228381
```
#228381 rgb(34,131,129)
```
#269390
```
#269390 rgb(38,147,144)
```
#2ba29f
```
#2ba29f rgb(43,162,159)
```
#2fb2af
```
#2fb2af rgb(47,178,175)
```
#33c1be
```
#33c1be rgb(51,193,190)
```

Shade Color Variation

#3cccc8
```
#3cccc8 rgb(60,204,200)
```
#4bd0cd
```
#4bd0cd rgb(75,208,205)
```
#5bd4d1
```
#5bd4d1 rgb(91,212,209)
```
#6bd8d5
```
#6bd8d5 rgb(107,216,213)
```
#7adcda
```
#7adcda rgb(122,220,218)
```
#8ae0de
```
#8ae0de rgb(138,224,222)
```
#99e4e2
```
#99e4e2 rgb(153,228,226)
```
#a9e8e7
```
#a9e8e7 rgb(169,232,231)
```
#b8eceb
```
#b8eceb rgb(184,236,235)
```
#c8f1f0
```
#c8f1f0 rgb(200,241,240)
```
#d7f5f4
```
#d7f5f4 rgb(215,245,244)
```
#e7f9f8
```
#e7f9f8 rgb(231,249,248)
```
#f6fdfd
```
#f6fdfd rgb(246,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939c9c is the less saturated color, while #33fcf7 is the most saturated one.

#939c9c
```
#939c9c rgb(147,156,156)
```
#8ba4a4
```
#8ba4a4 rgb(139,164,164)
```
#83acab
```
#83acab rgb(131,172,171)
```
#7bb4b3
```
#7bb4b3 rgb(123,180,179)
```
#73bcba
```
#73bcba rgb(115,188,186)
```
#6bc4c2
```
#6bc4c2 rgb(107,196,194)
```
#63ccc9
```
#63ccc9 rgb(99,204,201)
```
#5bd4d1
```
#5bd4d1 rgb(91,212,209)
```
#53dcd9
```
#53dcd9 rgb(83,220,217)
```
#4be4e0
```
#4be4e0 rgb(75,228,224)
```
#43ece8
```
#43ece8 rgb(67,236,232)
```
#3bf4ef
```
#3bf4ef rgb(59,244,239)
```
#33fcf7
```
#33fcf7 rgb(51,252,247)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9eb6b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c4c9 Protanopia 1% of men
#ccc0db Deuteranopia 1% of men
#6bd3e3 Tritanopia 0.001% of the population

Trichromacy

#9fc9cc Protanomaly 1% of men, 0.01% of women
#a3c7d7 Deuteranomaly 6% of men, 0.4% of women
#65d3dc Tritanomaly 0.01% of the population

#5bd4d1 hex color

#5bd4d1 Color Information

#5bd4d1 Color Conversion

Color Schemes with #5bd4d1

Alternatives to #5bd4d1

#5bd4d1 Preview

Shades and Tints of #5bd4d1

Tones of #5bd4d1

Color Blindness Simulator