#5dc5a2 hex color

In a RGB color space, hex #5dc5a2 is composed of 36.5% red, 77.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 0% magenta, 17.8% yellow and 22.7% black. It has a hue angle of 159.8 degrees, a saturation of 47.3% and a lightness of 56.9%. #5dc5a2 color hex could be obtained by blending #baffff with #008b45. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 36
- G 77
- B 64
RGB color chart
- C 53
- M 0
- Y 18
- K 23
CMYK color chart

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

The hexadecimal color #5dc5a2 has RGB values of R:93, G:197, B:162 and CMYK values of C:0.53, M:0, Y:0.18, K:0.23. Its decimal value is 6145442.

Hex triplet	5dc5a2	`#5dc5a2`
RGB Decimal	93, 197, 162	`rgb(93,197,162)`
RGB Percent	36.5, 77.3, 63.5	`rgb(36.5%,77.3%,63.5%)`
CMYK	53, 0, 18, 23
HSL	159.8°, 47.3, 56.9	`hsl(159.8,47.3%,56.9%)`
HSV (or HSB)	159.8°, 52.8, 77.3
Web Safe	66cc99	`#66cc99`

CIE-LAB	72.804, -38.601, 8.444
XYZ	31, 44.866, 41.207
xyY	0.265, 0.383, 44.866
CIE-LCH	72.804, 39.514, 167.661
CIE-LUV	72.804, -45.441, 18.519
Hunter-Lab	66.982, -34.608, 10.413
Binary	01011101, 11000101, 10100010

#5dc5a2
```
#5dc5a2 rgb(93,197,162)
```
#c55d80
```
#c55d80 rgb(197,93,128)
```

Complementary Color

#5dc56e
```
#5dc56e rgb(93,197,110)
```
#5dc5a2
```
#5dc5a2 rgb(93,197,162)
```
#5db4c5
```
#5db4c5 rgb(93,180,197)
```

Analogous Color

#c56e5d
```
#c56e5d rgb(197,110,93)
```
#5dc5a2
```
#5dc5a2 rgb(93,197,162)
```
#c55db4
```
#c55db4 rgb(197,93,180)
```

Split Complementary Color

#c5a25d
```
#c5a25d rgb(197,162,93)
```
#5dc5a2
```
#5dc5a2 rgb(93,197,162)
```
#a25dc5
```
#a25dc5 rgb(162,93,197)
```

Triadic Color

#80c55d
```
#80c55d rgb(128,197,93)
```
#5dc5a2
```
#5dc5a2 rgb(93,197,162)
```
#a25dc5
```
#a25dc5 rgb(162,93,197)
```
#c55d80
```
#c55d80 rgb(197,93,128)
```

Tetradic Color

#389d7b
```
#389d7b rgb(56,157,123)
```
#3fb08a
```
#3fb08a rgb(63,176,138)
```
#4abe97
```
#4abe97 rgb(74,190,151)
```
#5dc5a2
```
#5dc5a2 rgb(93,197,162)
```
#70ccad
```
#70ccad rgb(112,204,173)
```
#83d2b8
```
#83d2b8 rgb(131,210,184)
```
#95d9c2
```
#95d9c2 rgb(149,217,194)
```

Monochromatic Color

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

#5dc588
```
#5dc588 rgb(93,197,136)
```
#5dc591
```
#5dc591 rgb(93,197,145)
```
#5dc599
```
#5dc599 rgb(93,197,153)
```
#5dc5a2
```
#5dc5a2 rgb(93,197,162)
```
#5dc5ab
```
#5dc5ab rgb(93,197,171)
```
#5dc5b3
```
#5dc5b3 rgb(93,197,179)
```
#5dc5bc
```
#5dc5bc rgb(93,197,188)
```

Similar Colors

Text with hexadecimal color #5dc5a2

This text has a font color of #5dc5a2.

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

#5dc5a2 background color

This paragraph has a background color of #5dc5a2.

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

#5dc5a2 border color

This element has a border color of #5dc5a2.

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

CSS codes

.text {color:#5dc5a2;}

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

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

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, #040b09 is the darkest color, while #fcfefd is the lightest one.

#040b09
```
#040b09 rgb(4,11,9)
```
#091a14
```
#091a14 rgb(9,26,20)
```
#0e2820
```
#0e2820 rgb(14,40,32)
```
#14372b
```
#14372b rgb(20,55,43)
```
#194536
```
#194536 rgb(25,69,54)
```
#1e5441
```
#1e5441 rgb(30,84,65)
```
#23624d
```
#23624d rgb(35,98,77)
```
#287058
```
#287058 rgb(40,112,88)
```
#2d7f63
```
#2d7f63 rgb(45,127,99)
```
#338d6f
```
#338d6f rgb(51,141,111)
```
#389c7a
```
#389c7a rgb(56,156,122)
```
#3daa85
```
#3daa85 rgb(61,170,133)
```
#42b991
```
#42b991 rgb(66,185,145)
```

Shade Color Variation

#4fc09a
```
#4fc09a rgb(79,192,154)
```
#5dc5a2
```
#5dc5a2 rgb(93,197,162)
```
#6bcaaa
```
#6bcaaa rgb(107,202,170)
```
#7acfb3
```
#7acfb3 rgb(122,207,179)
```
#88d5bb
```
#88d5bb rgb(136,213,187)
```
#97dac3
```
#97dac3 rgb(151,218,195)
```
#a5dfcb
```
#a5dfcb rgb(165,223,203)
```
#b4e4d4
```
#b4e4d4 rgb(180,228,212)
```
#c2e9dc
```
#c2e9dc rgb(194,233,220)
```
#d1eee4
```
#d1eee4 rgb(209,238,228)
```
#dff4ed
```
#dff4ed rgb(223,244,237)
```
#edf9f5
```
#edf9f5 rgb(237,249,245)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#909291
```
#909291 rgb(144,146,145)
```
#879b94
```
#879b94 rgb(135,155,148)
```
#7fa397
```
#7fa397 rgb(127,163,151)
```
#76ac9a
```
#76ac9a rgb(118,172,154)
```
#6eb49c
```
#6eb49c rgb(110,180,156)
```
#65bd9f
```
#65bd9f rgb(101,189,159)
```
#5dc5a2
```
#5dc5a2 rgb(93,197,162)
```
#55cda5
```
#55cda5 rgb(85,205,165)
```
#4cd6a8
```
#4cd6a8 rgb(76,214,168)
```
#44deaa
```
#44deaa rgb(68,222,170)
```
#3be7ad
```
#3be7ad rgb(59,231,173)
```
#33efb0
```
#33efb0 rgb(51,239,176)
```
#2af8b3
```
#2af8b3 rgb(42,248,179)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#94a9a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb69e Protanopia 1% of men
#cab0ae Deuteranopia 1% of men
#74c2d0 Tritanopia 0.001% of the population

Trichromacy

#9bbb9f Protanomaly 1% of men, 0.01% of women
#a2b8aa Deuteranomaly 6% of men, 0.4% of women
#6cc3bf Tritanomaly 0.01% of the population

#5dc5a2 hex color

#5dc5a2 Color Information

#5dc5a2 Color Conversion

Color Schemes with #5dc5a2

Alternatives to #5dc5a2

#5dc5a2 Preview

Shades and Tints of #5dc5a2

Tones of #5dc5a2

Color Blindness Simulator