#5dd2af hex color

In a RGB color space, hex #5dd2af is composed of 36.5% red, 82.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 55.7% cyan, 0% magenta, 16.7% yellow and 17.6% black. It has a hue angle of 162.1 degrees, a saturation of 56.5% and a lightness of 59.4%. #5dd2af color hex could be obtained by blending #baffff with #00a55f. Closest websafe color is: #66cc99.

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

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

The hexadecimal color #5dd2af has RGB values of R:93, G:210, B:175 and CMYK values of C:0.56, M:0, Y:0.17, K:0.18. Its decimal value is 6148783.

Hex triplet	5dd2af	`#5dd2af`
RGB Decimal	93, 210, 175	`rgb(93,210,175)`
RGB Percent	36.5, 82.4, 68.6	`rgb(36.5%,82.4%,68.6%)`
CMYK	56, 0, 17, 18
HSL	162.1°, 56.5, 59.4	`hsl(162.1,56.5%,59.4%)`
HSV (or HSB)	162.1°, 55.7, 82.4
Web Safe	66cc99	`#66cc99`

CIE-LAB	76.989, -41.423, 7.439
XYZ	35.296, 51.513, 48.638
xyY	0.261, 0.38, 51.513
CIE-LCH	76.989, 42.086, 169.819
CIE-LUV	76.989, -49.875, 17.698
Hunter-Lab	71.772, -37.819, 10.062
Binary	01011101, 11010010, 10101111

#5dd2af
```
#5dd2af rgb(93,210,175)
```
#d25d80
```
#d25d80 rgb(210,93,128)
```

Complementary Color

#5dd275
```
#5dd275 rgb(93,210,117)
```
#5dd2af
```
#5dd2af rgb(93,210,175)
```
#5dbbd2
```
#5dbbd2 rgb(93,187,210)
```

Analogous Color

#d2755d
```
#d2755d rgb(210,117,93)
```
#5dd2af
```
#5dd2af rgb(93,210,175)
```
#d25dbb
```
#d25dbb rgb(210,93,187)
```

Split Complementary Color

#d2af5d
```
#d2af5d rgb(210,175,93)
```
#5dd2af
```
#5dd2af rgb(93,210,175)
```
#af5dd2
```
#af5dd2 rgb(175,93,210)
```

Triadic Color

#80d25d
```
#80d25d rgb(128,210,93)
```
#5dd2af
```
#5dd2af rgb(93,210,175)
```
#af5dd2
```
#af5dd2 rgb(175,93,210)
```
#d25d80
```
#d25d80 rgb(210,93,128)
```

Tetradic Color

#31b18b
```
#31b18b rgb(49,177,139)
```
#37c59b
```
#37c59b rgb(55,197,155)
```
#49cca5
```
#49cca5 rgb(73,204,165)
```
#5dd2af
```
#5dd2af rgb(93,210,175)
```
#71d8b9
```
#71d8b9 rgb(113,216,185)
```
#85ddc3
```
#85ddc3 rgb(133,221,195)
```
#99e3cd
```
#99e3cd rgb(153,227,205)
```

Monochromatic Color

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

#5dd292
```
#5dd292 rgb(93,210,146)
```
#5dd29c
```
#5dd29c rgb(93,210,156)
```
#5dd2a5
```
#5dd2a5 rgb(93,210,165)
```
#5dd2af
```
#5dd2af rgb(93,210,175)
```
#5dd2b9
```
#5dd2b9 rgb(93,210,185)
```
#5dd2c3
```
#5dd2c3 rgb(93,210,195)
```
#5dd2cc
```
#5dd2cc rgb(93,210,204)
```

Similar Colors

Text with hexadecimal color #5dd2af

This text has a font color of #5dd2af.

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

#5dd2af background color

This paragraph has a background color of #5dd2af.

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

#5dd2af border color

This element has a border color of #5dd2af.

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

CSS codes

.text {color:#5dd2af;}

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

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

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

#020705
```
#020705 rgb(2,7,5)
```
#061611
```
#061611 rgb(6,22,17)
```
#0a261d
```
#0a261d rgb(10,38,29)
```
#0f3529
```
#0f3529 rgb(15,53,41)
```
#134436
```
#134436 rgb(19,68,54)
```
#175442
```
#175442 rgb(23,84,66)
```
#1b634e
```
#1b634e rgb(27,99,78)
```
#20725a
```
#20725a rgb(32,114,90)
```
#248266
```
#248266 rgb(36,130,102)
```
#289172
```
#289172 rgb(40,145,114)
```
#2da07e
```
#2da07e rgb(45,160,126)
```
#31b08a
```
#31b08a rgb(49,176,138)
```
#35bf96
```
#35bf96 rgb(53,191,150)
```

Shade Color Variation

#3ec9a0
```
#3ec9a0 rgb(62,201,160)
```
#4ecea7
```
#4ecea7 rgb(78,206,167)
```
#5dd2af
```
#5dd2af rgb(93,210,175)
```
#6cd6b7
```
#6cd6b7 rgb(108,214,183)
```
#7cdbbe
```
#7cdbbe rgb(124,219,190)
```
#8bdfc6
```
#8bdfc6 rgb(139,223,198)
```
#9ae3cd
```
#9ae3cd rgb(154,227,205)
```
#aae7d5
```
#aae7d5 rgb(170,231,213)
```
#b9ecdc
```
#b9ecdc rgb(185,236,220)
```
#c8f0e4
```
#c8f0e4 rgb(200,240,228)
```
#d8f4ec
```
#d8f4ec rgb(216,244,236)
```
#e7f8f3
```
#e7f8f3 rgb(231,248,243)
```
#f7fdfb
```
#f7fdfb rgb(247,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #959a99 is the less saturated color, while #35fabf is the most saturated one.

#959a99
```
#959a99 rgb(149,154,153)
```
#8da29c
```
#8da29c rgb(141,162,156)
```
#85aa9f
```
#85aa9f rgb(133,170,159)
```
#7db2a2
```
#7db2a2 rgb(125,178,162)
```
#75baa5
```
#75baa5 rgb(117,186,165)
```
#6dc2a9
```
#6dc2a9 rgb(109,194,169)
```
#65caac
```
#65caac rgb(101,202,172)
```
#5dd2af
```
#5dd2af rgb(93,210,175)
```
#55dab2
```
#55dab2 rgb(85,218,178)
```
#4de2b5
```
#4de2b5 rgb(77,226,181)
```
#45eab9
```
#45eab9 rgb(69,234,185)
```
#3df2bc
```
#3df2bc rgb(61,242,188)
```
#35fabf
```
#35fabf rgb(53,250,191)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#9bb3ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#cac0a9 Protanopia 1% of men
#d5bbbb Deuteranopia 1% of men
#76cedd Tritanopia 0.001% of the population

Trichromacy

#a2c7ab Protanomaly 1% of men, 0.01% of women
#a9c3b7 Deuteranomaly 6% of men, 0.4% of women
#6dcfcc Tritanomaly 0.01% of the population

#5dd2af hex color

#5dd2af Color Information

#5dd2af Color Conversion

Color Schemes with #5dd2af

Alternatives to #5dd2af

#5dd2af Preview

Shades and Tints of #5dd2af

Tones of #5dd2af

Color Blindness Simulator