#5dd1a2 hex color

In a RGB color space, hex #5dd1a2 is composed of 36.5% red, 82% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 55.5% cyan, 0% magenta, 22.5% yellow and 18% black. It has a hue angle of 155.7 degrees, a saturation of 55.8% and a lightness of 59.2%. #5dd1a2 color hex could be obtained by blending #baffff with #00a345. Closest websafe color is: #66cc99.

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

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

The hexadecimal color #5dd1a2 has RGB values of R:93, G:209, B:162 and CMYK values of C:0.56, M:0, Y:0.22, K:0.18. Its decimal value is 6148514.

Hex triplet	5dd1a2	`#5dd1a2`
RGB Decimal	93, 209, 162	`rgb(93,209,162)`
RGB Percent	36.5, 82, 63.5	`rgb(36.5%,82%,63.5%)`
CMYK	56, 0, 22, 18
HSL	155.7°, 55.8, 59.2	`hsl(155.7,55.8%,59.2%)`
HSV (or HSB)	155.7°, 55.5, 82
Web Safe	66cc99	`#66cc99`

CIE-LAB	76.396, -43.901, 13.54
XYZ	33.834, 50.534, 42.152
xyY	0.267, 0.399, 50.534
CIE-LCH	76.396, 45.942, 162.859
CIE-LUV	76.396, -50.118, 26.75
Hunter-Lab	71.087, -39.446, 14.605
Binary	01011101, 11010001, 10100010

#5dd1a2
```
#5dd1a2 rgb(93,209,162)
```
#d15d8c
```
#d15d8c rgb(209,93,140)
```

Complementary Color

#5dd168
```
#5dd168 rgb(93,209,104)
```
#5dd1a2
```
#5dd1a2 rgb(93,209,162)
```
#5dc6d1
```
#5dc6d1 rgb(93,198,209)
```

Analogous Color

#d1685d
```
#d1685d rgb(209,104,93)
```
#5dd1a2
```
#5dd1a2 rgb(93,209,162)
```
#d15dc6
```
#d15dc6 rgb(209,93,198)
```

Split Complementary Color

#d1a25d
```
#d1a25d rgb(209,162,93)
```
#5dd1a2
```
#5dd1a2 rgb(93,209,162)
```
#a25dd1
```
#a25dd1 rgb(162,93,209)
```

Triadic Color

#8cd15d
```
#8cd15d rgb(140,209,93)
```
#5dd1a2
```
#5dd1a2 rgb(93,209,162)
```
#a25dd1
```
#a25dd1 rgb(162,93,209)
```
#d15d8c
```
#d15d8c rgb(209,93,140)
```

Tetradic Color

#32b07d
```
#32b07d rgb(50,176,125)
```
#38c38b
```
#38c38b rgb(56,195,139)
```
#49cb97
```
#49cb97 rgb(73,203,151)
```
#5dd1a2
```
#5dd1a2 rgb(93,209,162)
```
#71d7ad
```
#71d7ad rgb(113,215,173)
```
#85dcb9
```
#85dcb9 rgb(133,220,185)
```
#99e2c4
```
#99e2c4 rgb(153,226,196)
```

Monochromatic Color

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

#5dd185
```
#5dd185 rgb(93,209,133)
```
#5dd18f
```
#5dd18f rgb(93,209,143)
```
#5dd198
```
#5dd198 rgb(93,209,152)
```
#5dd1a2
```
#5dd1a2 rgb(93,209,162)
```
#5dd1ac
```
#5dd1ac rgb(93,209,172)
```
#5dd1b5
```
#5dd1b5 rgb(93,209,181)
```
#5dd1bf
```
#5dd1bf rgb(93,209,191)
```

Similar Colors

Text with hexadecimal color #5dd1a2

This text has a font color of #5dd1a2.

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

#5dd1a2 background color

This paragraph has a background color of #5dd1a2.

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

#5dd1a2 border color

This element has a border color of #5dd1a2.

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

CSS codes

.text {color:#5dd1a2;}

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

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

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

#020604
```
#020604 rgb(2,6,4)
```
#06150f
```
#06150f rgb(6,21,15)
```
#0a251a
```
#0a251a rgb(10,37,26)
```
#0f3425
```
#0f3425 rgb(15,52,37)
```
#134330
```
#134330 rgb(19,67,48)
```
#17523b
```
#17523b rgb(23,82,59)
```
#1c6245
```
#1c6245 rgb(28,98,69)
```
#207150
```
#207150 rgb(32,113,80)
```
#24805b
```
#24805b rgb(36,128,91)
```
#299066
```
#299066 rgb(41,144,102)
```
#2d9f71
```
#2d9f71 rgb(45,159,113)
```
#31ae7c
```
#31ae7c rgb(49,174,124)
```
#36bd86
```
#36bd86 rgb(54,189,134)
```

Shade Color Variation

#3ec890
```
#3ec890 rgb(62,200,144)
```
#4ecd99
```
#4ecd99 rgb(78,205,153)
```
#5dd1a2
```
#5dd1a2 rgb(93,209,162)
```
#6cd5ab
```
#6cd5ab rgb(108,213,171)
```
#7cdab4
```
#7cdab4 rgb(124,218,180)
```
#8bdebc
```
#8bdebc rgb(139,222,188)
```
#9ae2c5
```
#9ae2c5 rgb(154,226,197)
```
#a9e7ce
```
#a9e7ce rgb(169,231,206)
```
#b9ebd7
```
#b9ebd7 rgb(185,235,215)
```
#c8efdf
```
#c8efdf rgb(200,239,223)
```
#d7f4e8
```
#d7f4e8 rgb(215,244,232)
```
#e6f8f1
```
#e6f8f1 rgb(230,248,241)
```
#f6fcfa
```
#f6fcfa rgb(246,252,250)
```

Tint Color Variation

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

#959997
```
#959997 rgb(149,153,151)
```
#8da199
```
#8da199 rgb(141,161,153)
```
#85a99a
```
#85a99a rgb(133,169,154)
```
#7db19c
```
#7db19c rgb(125,177,156)
```
#75b99d
```
#75b99d rgb(117,185,157)
```
#6dc19f
```
#6dc19f rgb(109,193,159)
```
#65c9a0
```
#65c9a0 rgb(101,201,160)
```
#5dd1a2
```
#5dd1a2 rgb(93,209,162)
```
#55d9a4
```
#55d9a4 rgb(85,217,164)
```
#4de1a5
```
#4de1a5 rgb(77,225,165)
```
#45e9a7
```
#45e9a7 rgb(69,233,167)
```
#3df1a8
```
#3df1a8 rgb(61,241,168)
```
#35f9aa
```
#35f9aa rgb(53,249,170)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#9ab1a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cabf9d Protanopia 1% of men
#d7b9af Deuteranopia 1% of men
#79ccdb Tritanopia 0.001% of the population

Trichromacy

#a2c59f Protanomaly 1% of men, 0.01% of women
#abc2aa Deuteranomaly 6% of men, 0.4% of women
#6ecdc6 Tritanomaly 0.01% of the population

#5dd1a2 hex color

#5dd1a2 Color Information

#5dd1a2 Color Conversion

Color Schemes with #5dd1a2

Alternatives to #5dd1a2

#5dd1a2 Preview

Shades and Tints of #5dd1a2

Tones of #5dd1a2

Color Blindness Simulator