#5bd4cf hex color

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

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

● #5bd4cf color description : Moderate cyan.

The hexadecimal color #5bd4cf has RGB values of R:91, G:212, B:207 and CMYK values of C:0.57, M:0, Y:0.02, K:0.17. Its decimal value is 6018255.

Hex triplet	5bd4cf	`#5bd4cf`
RGB Decimal	91, 212, 207	`rgb(91,212,207)`
RGB Percent	35.7, 83.1, 81.2	`rgb(35.7%,83.1%,81.2%)`
CMYK	57, 0, 2, 17
HSL	177.5°, 58.5, 59.4	`hsl(177.5,58.5%,59.4%)`
HSV (or HSB)	177.5°, 57.1, 83.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.353, -34.776, -7.734
XYZ	39.117, 53.813, 67.354
xyY	0.244, 0.336, 53.813
CIE-LCH	78.353, 35.625, 192.538
CIE-LUV	78.353, -49.495, -6.484
Hunter-Lab	73.357, -33.192, -3.087
Binary	01011011, 11010100, 11001111

#5bd4cf
```
#5bd4cf rgb(91,212,207)
```
#d45b60
```
#d45b60 rgb(212,91,96)
```

Complementary Color

#5bd493
```
#5bd493 rgb(91,212,147)
```
#5bd4cf
```
#5bd4cf rgb(91,212,207)
```
#5b9dd4
```
#5b9dd4 rgb(91,157,212)
```

Analogous Color

#d4935b
```
#d4935b rgb(212,147,91)
```
#5bd4cf
```
#5bd4cf rgb(91,212,207)
```
#d45b9d
```
#d45b9d rgb(212,91,157)
```

Split Complementary Color

#d4cf5b
```
#d4cf5b rgb(212,207,91)
```
#5bd4cf
```
#5bd4cf rgb(91,212,207)
```
#cf5bd4
```
#cf5bd4 rgb(207,91,212)
```

Triadic Color

#60d45b
```
#60d45b rgb(96,212,91)
```
#5bd4cf
```
#5bd4cf rgb(91,212,207)
```
#cf5bd4
```
#cf5bd4 rgb(207,91,212)
```
#d45b60
```
#d45b60 rgb(212,91,96)
```

Tetradic Color

#2fb3ae
```
#2fb3ae rgb(47,179,174)
```
#34c8c2
```
#34c8c2 rgb(52,200,194)
```
#47cfc9
```
#47cfc9 rgb(71,207,201)
```
#5bd4cf
```
#5bd4cf rgb(91,212,207)
```
#6fd9d5
```
#6fd9d5 rgb(111,217,213)
```
#83dfdb
```
#83dfdb rgb(131,223,219)
```
#98e4e1
```
#98e4e1 rgb(152,228,225)
```

Monochromatic Color

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

#5bd4b1
```
#5bd4b1 rgb(91,212,177)
```
#5bd4bb
```
#5bd4bb rgb(91,212,187)
```
#5bd4c5
```
#5bd4c5 rgb(91,212,197)
```
#5bd4cf
```
#5bd4cf rgb(91,212,207)
```
#5bcfd4
```
#5bcfd4 rgb(91,207,212)
```
#5bc5d4
```
#5bc5d4 rgb(91,197,212)
```
#5bbbd4
```
#5bbbd4 rgb(91,187,212)
```

Similar Colors

Text with hexadecimal color #5bd4cf

This text has a font color of #5bd4cf.

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

#5bd4cf background color

This paragraph has a background color of #5bd4cf.

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

#5bd4cf border color

This element has a border color of #5bd4cf.

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

CSS codes

.text {color:#5bd4cf;}

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

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

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 #f6fdfc is the lightest one.

#020707
```
#020707 rgb(2,7,7)
```
#061616
```
#061616 rgb(6,22,22)
```
#0a2625
```
#0a2625 rgb(10,38,37)
```
#0e3634
```
#0e3634 rgb(14,54,52)
```
#124543
```
#124543 rgb(18,69,67)
```
#165552
```
#165552 rgb(22,85,82)
```
#1a6461
```
#1a6461 rgb(26,100,97)
```
#1e7470
```
#1e7470 rgb(30,116,112)
```
#22837f
```
#22837f rgb(34,131,127)
```
#26938e
```
#26938e rgb(38,147,142)
```
#2ba29d
```
#2ba29d rgb(43,162,157)
```
#2fb2ac
```
#2fb2ac rgb(47,178,172)
```
#33c1bc
```
#33c1bc rgb(51,193,188)
```

Shade Color Variation

#3cccc6
```
#3cccc6 rgb(60,204,198)
```
#4bd0ca
```
#4bd0ca rgb(75,208,202)
```
#5bd4cf
```
#5bd4cf rgb(91,212,207)
```
#6bd8d4
```
#6bd8d4 rgb(107,216,212)
```
#7adcd8
```
#7adcd8 rgb(122,220,216)
```
#8ae0dd
```
#8ae0dd rgb(138,224,221)
```
#99e4e1
```
#99e4e1 rgb(153,228,225)
```
#a9e8e6
```
#a9e8e6 rgb(169,232,230)
```
#b8ecea
```
#b8ecea rgb(184,236,234)
```
#c8f1ef
```
#c8f1ef rgb(200,241,239)
```
#d7f5f3
```
#d7f5f3 rgb(215,245,243)
```
#e7f9f8
```
#e7f9f8 rgb(231,249,248)
```
#f6fdfc
```
#f6fdfc rgb(246,253,252)
```

Tint Color Variation

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

#939c9c
```
#939c9c rgb(147,156,156)
```
#8ba4a3
```
#8ba4a3 rgb(139,164,163)
```
#83acaa
```
#83acaa rgb(131,172,170)
```
#7bb4b2
```
#7bb4b2 rgb(123,180,178)
```
#73bcb9
```
#73bcb9 rgb(115,188,185)
```
#6bc4c0
```
#6bc4c0 rgb(107,196,192)
```
#63ccc8
```
#63ccc8 rgb(99,204,200)
```
#5bd4cf
```
#5bd4cf rgb(91,212,207)
```
#53dcd6
```
#53dcd6 rgb(83,220,214)
```
#4be4de
```
#4be4de rgb(75,228,222)
```
#43ece5
```
#43ece5 rgb(67,236,229)
```
#3bf4ec
```
#3bf4ec rgb(59,244,236)
```
#33fcf4
```
#33fcf4 rgb(51,252,244)
```

Tone Color Variation

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

Dichromacy

#c7c3c7 Protanopia 1% of men
#cdc0d9 Deuteranopia 1% of men
#6cd3e2 Tritanopia 0.001% of the population

Trichromacy

#9fc9ca Protanomaly 1% of men, 0.01% of women
#a3c7d5 Deuteranomaly 6% of men, 0.4% of women
#65d3db Tritanomaly 0.01% of the population

#5bd4cf hex color

#5bd4cf Color Information

#5bd4cf Color Conversion

Color Schemes with #5bd4cf

Alternatives to #5bd4cf

#5bd4cf Preview

Shades and Tints of #5bd4cf

Tones of #5bd4cf

Color Blindness Simulator