#5bd4af hex color

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

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

● #5bd4af color description : Moderate cyan - lime green.

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

Hex triplet	5bd4af	`#5bd4af`
RGB Decimal	91, 212, 175	`rgb(91,212,175)`
RGB Percent	35.7, 83.1, 68.6	`rgb(35.7%,83.1%,68.6%)`
CMYK	57, 0, 17, 17
HSL	161.7°, 58.5, 59.4	`hsl(161.7,58.5%,59.4%)`
HSV (or HSB)	161.7°, 57.1, 83.1
Web Safe	66cc99	`#66cc99`

CIE-LAB	77.521, -42.715, 8.194
XYZ	35.593, 52.403, 48.794
xyY	0.26, 0.383, 52.403
CIE-LCH	77.521, 43.493, 169.141
CIE-LUV	77.521, -51.16, 19.019
Hunter-Lab	72.39, -38.917, 10.709
Binary	01011011, 11010100, 10101111

#5bd4af
```
#5bd4af rgb(91,212,175)
```
#d45b80
```
#d45b80 rgb(212,91,128)
```

Complementary Color

#5bd473
```
#5bd473 rgb(91,212,115)
```
#5bd4af
```
#5bd4af rgb(91,212,175)
```
#5bbdd4
```
#5bbdd4 rgb(91,189,212)
```

Analogous Color

#d4735b
```
#d4735b rgb(212,115,91)
```
#5bd4af
```
#5bd4af rgb(91,212,175)
```
#d45bbd
```
#d45bbd rgb(212,91,189)
```

Split Complementary Color

#d4af5b
```
#d4af5b rgb(212,175,91)
```
#5bd4af
```
#5bd4af rgb(91,212,175)
```
#af5bd4
```
#af5bd4 rgb(175,91,212)
```

Triadic Color

#80d45b
```
#80d45b rgb(128,212,91)
```
#5bd4af
```
#5bd4af rgb(91,212,175)
```
#af5bd4
```
#af5bd4 rgb(175,91,212)
```
#d45b80
```
#d45b80 rgb(212,91,128)
```

Tetradic Color

#2fb38b
```
#2fb38b rgb(47,179,139)
```
#34c89b
```
#34c89b rgb(52,200,155)
```
#47cfa5
```
#47cfa5 rgb(71,207,165)
```
#5bd4af
```
#5bd4af rgb(91,212,175)
```
#6fd9b9
```
#6fd9b9 rgb(111,217,185)
```
#83dfc3
```
#83dfc3 rgb(131,223,195)
```
#98e4cd
```
#98e4cd rgb(152,228,205)
```

Monochromatic Color

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

#5bd491
```
#5bd491 rgb(91,212,145)
```
#5bd49b
```
#5bd49b rgb(91,212,155)
```
#5bd4a5
```
#5bd4a5 rgb(91,212,165)
```
#5bd4af
```
#5bd4af rgb(91,212,175)
```
#5bd4b9
```
#5bd4b9 rgb(91,212,185)
```
#5bd4c3
```
#5bd4c3 rgb(91,212,195)
```
#5bd4cd
```
#5bd4cd rgb(91,212,205)
```

Similar Colors

Text with hexadecimal color #5bd4af

This text has a font color of #5bd4af.

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

#5bd4af background color

This paragraph has a background color of #5bd4af.

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

#5bd4af border color

This element has a border color of #5bd4af.

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

CSS codes

.text {color:#5bd4af;}

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

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

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

#020705
```
#020705 rgb(2,7,5)
```
#061611
```
#061611 rgb(6,22,17)
```
#0a261d
```
#0a261d rgb(10,38,29)
```
#0e3629
```
#0e3629 rgb(14,54,41)
```
#124536
```
#124536 rgb(18,69,54)
```
#165542
```
#165542 rgb(22,85,66)
```
#1a644e
```
#1a644e rgb(26,100,78)
```
#1e745a
```
#1e745a rgb(30,116,90)
```
#228366
```
#228366 rgb(34,131,102)
```
#269372
```
#269372 rgb(38,147,114)
```
#2ba27e
```
#2ba27e rgb(43,162,126)
```
#2fb28a
```
#2fb28a rgb(47,178,138)
```
#33c196
```
#33c196 rgb(51,193,150)
```

Shade Color Variation

#3ccca0
```
#3ccca0 rgb(60,204,160)
```
#4bd0a7
```
#4bd0a7 rgb(75,208,167)
```
#5bd4af
```
#5bd4af rgb(91,212,175)
```
#6bd8b7
```
#6bd8b7 rgb(107,216,183)
```
#7adcbe
```
#7adcbe rgb(122,220,190)
```
#8ae0c6
```
#8ae0c6 rgb(138,224,198)
```
#99e4cd
```
#99e4cd rgb(153,228,205)
```
#a9e8d5
```
#a9e8d5 rgb(169,232,213)
```
#b8ecdc
```
#b8ecdc rgb(184,236,220)
```
#c8f1e4
```
#c8f1e4 rgb(200,241,228)
```
#d7f5ec
```
#d7f5ec rgb(215,245,236)
```
#e7f9f3
```
#e7f9f3 rgb(231,249,243)
```
#f6fdfb
```
#f6fdfb rgb(246,253,251)
```

Tint Color Variation

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

#939c99
```
#939c99 rgb(147,156,153)
```
#8ba49c
```
#8ba49c rgb(139,164,156)
```
#83aca0
```
#83aca0 rgb(131,172,160)
```
#7bb4a3
```
#7bb4a3 rgb(123,180,163)
```
#73bca6
```
#73bca6 rgb(115,188,166)
```
#6bc4a9
```
#6bc4a9 rgb(107,196,169)
```
#63ccac
```
#63ccac rgb(99,204,172)
```
#5bd4af
```
#5bd4af rgb(91,212,175)
```
#53dcb2
```
#53dcb2 rgb(83,220,178)
```
#4be4b5
```
#4be4b5 rgb(75,228,181)
```
#43ecb8
```
#43ecb8 rgb(67,236,184)
```
#3bf4bb
```
#3bf4bb rgb(59,244,187)
```
#33fcbe
```
#33fcbe rgb(51,252,190)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#9cb4ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc2a9 Protanopia 1% of men
#d7bcbb Deuteranopia 1% of men
#75cfdf Tritanopia 0.001% of the population

Trichromacy

#a2c8ab Protanomaly 1% of men, 0.01% of women
#aac5b7 Deuteranomaly 6% of men, 0.4% of women
#6cd1cd Tritanomaly 0.01% of the population

#5bd4af hex color

#5bd4af Color Information

#5bd4af Color Conversion

Color Schemes with #5bd4af

Alternatives to #5bd4af

#5bd4af Preview

Shades and Tints of #5bd4af

Tones of #5bd4af

Color Blindness Simulator