#5dd2a6 hex color

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

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

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

The hexadecimal color #5dd2a6 has RGB values of R:93, G:210, B:166 and CMYK values of C:0.56, M:0, Y:0.21, K:0.18. Its decimal value is 6148774.

Hex triplet	5dd2a6	`#5dd2a6`
RGB Decimal	93, 210, 166	`rgb(93,210,166)`
RGB Percent	36.5, 82.4, 65.1	`rgb(36.5%,82.4%,65.1%)`
CMYK	56, 0, 21, 18
HSL	157.4°, 56.5, 59.4	`hsl(157.4,56.5%,59.4%)`
HSV (or HSB)	157.4°, 55.7, 82.4
Web Safe	66cc99	`#66cc99`

CIE-LAB	76.782, -43.459, 11.954
XYZ	34.441, 51.171, 44.136
xyY	0.265, 0.394, 51.171
CIE-LCH	76.782, 45.073, 164.621
CIE-LUV	76.782, -50.313, 24.482
Hunter-Lab	71.534, -39.242, 13.492
Binary	01011101, 11010010, 10100110

#5dd2a6
```
#5dd2a6 rgb(93,210,166)
```
#d25d89
```
#d25d89 rgb(210,93,137)
```

Complementary Color

#5dd26c
```
#5dd26c rgb(93,210,108)
```
#5dd2a6
```
#5dd2a6 rgb(93,210,166)
```
#5dc4d2
```
#5dc4d2 rgb(93,196,210)
```

Analogous Color

#d26c5d
```
#d26c5d rgb(210,108,93)
```
#5dd2a6
```
#5dd2a6 rgb(93,210,166)
```
#d25dc4
```
#d25dc4 rgb(210,93,196)
```

Split Complementary Color

#d2a65d
```
#d2a65d rgb(210,166,93)
```
#5dd2a6
```
#5dd2a6 rgb(93,210,166)
```
#a65dd2
```
#a65dd2 rgb(166,93,210)
```

Triadic Color

#89d25d
```
#89d25d rgb(137,210,93)
```
#5dd2a6
```
#5dd2a6 rgb(93,210,166)
```
#a65dd2
```
#a65dd2 rgb(166,93,210)
```
#d25d89
```
#d25d89 rgb(210,93,137)
```

Tetradic Color

#31b181
```
#31b181 rgb(49,177,129)
```
#37c590
```
#37c590 rgb(55,197,144)
```
#49cc9b
```
#49cc9b rgb(73,204,155)
```
#5dd2a6
```
#5dd2a6 rgb(93,210,166)
```
#71d8b1
```
#71d8b1 rgb(113,216,177)
```
#85ddbc
```
#85ddbc rgb(133,221,188)
```
#99e3c7
```
#99e3c7 rgb(153,227,199)
```

Monochromatic Color

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

#5dd289
```
#5dd289 rgb(93,210,137)
```
#5dd293
```
#5dd293 rgb(93,210,147)
```
#5dd29c
```
#5dd29c rgb(93,210,156)
```
#5dd2a6
```
#5dd2a6 rgb(93,210,166)
```
#5dd2b0
```
#5dd2b0 rgb(93,210,176)
```
#5dd2ba
```
#5dd2ba rgb(93,210,186)
```
#5dd2c3
```
#5dd2c3 rgb(93,210,195)
```

Similar Colors

Text with hexadecimal color #5dd2a6

This text has a font color of #5dd2a6.

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

#5dd2a6 background color

This paragraph has a background color of #5dd2a6.

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

#5dd2a6 border color

This element has a border color of #5dd2a6.

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

CSS codes

.text {color:#5dd2a6;}

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

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

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

#020705
```
#020705 rgb(2,7,5)
```
#061610
```
#061610 rgb(6,22,16)
```
#0a261b
```
#0a261b rgb(10,38,27)
```
#0f3527
```
#0f3527 rgb(15,53,39)
```
#134432
```
#134432 rgb(19,68,50)
```
#17543d
```
#17543d rgb(23,84,61)
```
#1b6348
```
#1b6348 rgb(27,99,72)
```
#207253
```
#207253 rgb(32,114,83)
```
#24825e
```
#24825e rgb(36,130,94)
```
#28916a
```
#28916a rgb(40,145,106)
```
#2da075
```
#2da075 rgb(45,160,117)
```
#31b080
```
#31b080 rgb(49,176,128)
```
#35bf8b
```
#35bf8b rgb(53,191,139)
```

Shade Color Variation

#3ec995
```
#3ec995 rgb(62,201,149)
```
#4ece9e
```
#4ece9e rgb(78,206,158)
```
#5dd2a6
```
#5dd2a6 rgb(93,210,166)
```
#6cd6ae
```
#6cd6ae rgb(108,214,174)
```
#7cdbb7
```
#7cdbb7 rgb(124,219,183)
```
#8bdfbf
```
#8bdfbf rgb(139,223,191)
```
#9ae3c8
```
#9ae3c8 rgb(154,227,200)
```
#aae7d0
```
#aae7d0 rgb(170,231,208)
```
#b9ecd9
```
#b9ecd9 rgb(185,236,217)
```
#c8f0e1
```
#c8f0e1 rgb(200,240,225)
```
#d8f4e9
```
#d8f4e9 rgb(216,244,233)
```
#e7f8f2
```
#e7f8f2 rgb(231,248,242)
```
#f7fdfa
```
#f7fdfa rgb(247,253,250)
```

Tint Color Variation

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

#959a98
```
#959a98 rgb(149,154,152)
```
#8da29a
```
#8da29a rgb(141,162,154)
```
#85aa9c
```
#85aa9c rgb(133,170,156)
```
#7db29e
```
#7db29e rgb(125,178,158)
```
#75baa0
```
#75baa0 rgb(117,186,160)
```
#6dc2a2
```
#6dc2a2 rgb(109,194,162)
```
#65caa4
```
#65caa4 rgb(101,202,164)
```
#5dd2a6
```
#5dd2a6 rgb(93,210,166)
```
#55daa8
```
#55daa8 rgb(85,218,168)
```
#4de2aa
```
#4de2aa rgb(77,226,170)
```
#45eaac
```
#45eaac rgb(69,234,172)
```
#3df2ae
```
#3df2ae rgb(61,242,174)
```
#35fab0
```
#35fab0 rgb(53,250,176)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#9bb2a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc0a1 Protanopia 1% of men
#d7bab3 Deuteranopia 1% of men
#78cddc Tritanopia 0.001% of the population

Trichromacy

#a3c6a3 Protanomaly 1% of men, 0.01% of women
#abc3ae Deuteranomaly 6% of men, 0.4% of women
#6ecfc8 Tritanomaly 0.01% of the population

#5dd2a6 hex color

#5dd2a6 Color Information

#5dd2a6 Color Conversion

Color Schemes with #5dd2a6

Alternatives to #5dd2a6

#5dd2a6 Preview

Shades and Tints of #5dd2a6

Tones of #5dd2a6

Color Blindness Simulator