#5ad2ac hex color

In a RGB color space, hex #5ad2ac is composed of 35.3% red, 82.4% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 0% magenta, 18.1% yellow and 17.6% black. It has a hue angle of 161 degrees, a saturation of 57.1% and a lightness of 58.8%. #5ad2ac color hex could be obtained by blending #b4ffff with #00a559. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 35
- G 82
- B 67
RGB color chart
- C 57
- M 0
- Y 18
- K 18
CMYK color chart

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

The hexadecimal color #5ad2ac has RGB values of R:90, G:210, B:172 and CMYK values of C:0.57, M:0, Y:0.18, K:0.18. Its decimal value is 5952172.

Hex triplet	5ad2ac	`#5ad2ac`
RGB Decimal	90, 210, 172	`rgb(90,210,172)`
RGB Percent	35.3, 82.4, 67.5	`rgb(35.3%,82.4%,67.5%)`
CMYK	57, 0, 18, 18
HSL	161°, 57.1, 58.8	`hsl(161,57.1%,58.8%)`
HSV (or HSB)	161°, 57.1, 82.4
Web Safe	66cc99	`#66cc99`

CIE-LAB	76.826, -42.732, 8.798
XYZ	34.707, 51.243, 47.089
xyY	0.261, 0.385, 51.243
CIE-LCH	76.826, 43.629, 168.366
CIE-LUV	76.826, -50.808, 19.863
Hunter-Lab	71.584, -38.728, 11.107
Binary	01011010, 11010010, 10101100

#5ad2ac
```
#5ad2ac rgb(90,210,172)
```
#d25a80
```
#d25a80 rgb(210,90,128)
```

Complementary Color

#5ad270
```
#5ad270 rgb(90,210,112)
```
#5ad2ac
```
#5ad2ac rgb(90,210,172)
```
#5abcd2
```
#5abcd2 rgb(90,188,210)
```

Analogous Color

#d2705a
```
#d2705a rgb(210,112,90)
```
#5ad2ac
```
#5ad2ac rgb(90,210,172)
```
#d25abc
```
#d25abc rgb(210,90,188)
```

Split Complementary Color

#d2ac5a
```
#d2ac5a rgb(210,172,90)
```
#5ad2ac
```
#5ad2ac rgb(90,210,172)
```
#ac5ad2
```
#ac5ad2 rgb(172,90,210)
```

Triadic Color

#80d25a
```
#80d25a rgb(128,210,90)
```
#5ad2ac
```
#5ad2ac rgb(90,210,172)
```
#ac5ad2
```
#ac5ad2 rgb(172,90,210)
```
#d25a80
```
#d25a80 rgb(210,90,128)
```

Tetradic Color

#30b087
```
#30b087 rgb(48,176,135)
```
#35c497
```
#35c497 rgb(53,196,151)
```
#46cda2
```
#46cda2 rgb(70,205,162)
```
#5ad2ac
```
#5ad2ac rgb(90,210,172)
```
#6ed7b6
```
#6ed7b6 rgb(110,215,182)
```
#82ddc0
```
#82ddc0 rgb(130,221,192)
```
#96e2ca
```
#96e2ca rgb(150,226,202)
```

Monochromatic Color

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

#5ad28e
```
#5ad28e rgb(90,210,142)
```
#5ad298
```
#5ad298 rgb(90,210,152)
```
#5ad2a2
```
#5ad2a2 rgb(90,210,162)
```
#5ad2ac
```
#5ad2ac rgb(90,210,172)
```
#5ad2b6
```
#5ad2b6 rgb(90,210,182)
```
#5ad2c0
```
#5ad2c0 rgb(90,210,192)
```
#5ad2ca
```
#5ad2ca rgb(90,210,202)
```

Similar Colors

Text with hexadecimal color #5ad2ac

This text has a font color of #5ad2ac.

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

#5ad2ac background color

This paragraph has a background color of #5ad2ac.

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

#5ad2ac border color

This element has a border color of #5ad2ac.

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

CSS codes

.text {color:#5ad2ac;}

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

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

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

#010503
```
#010503 rgb(1,5,3)
```
#05140f
```
#05140f rgb(5,20,15)
```
#0a231b
```
#0a231b rgb(10,35,27)
```
#0e3327
```
#0e3327 rgb(14,51,39)
```
#124233
```
#124233 rgb(18,66,51)
```
#16523f
```
#16523f rgb(22,82,63)
```
#1a614b
```
#1a614b rgb(26,97,75)
```
#1f7057
```
#1f7057 rgb(31,112,87)
```
#238062
```
#238062 rgb(35,128,98)
```
#278f6e
```
#278f6e rgb(39,143,110)
```
#2b9f7a
```
#2b9f7a rgb(43,159,122)
```
#2fae86
```
#2fae86 rgb(47,174,134)
```
#34bd92
```
#34bd92 rgb(52,189,146)
```

Shade Color Variation

#3bca9c
```
#3bca9c rgb(59,202,156)
```
#4bcea4
```
#4bcea4 rgb(75,206,164)
```
#5ad2ac
```
#5ad2ac rgb(90,210,172)
```
#69d6b4
```
#69d6b4 rgb(105,214,180)
```
#79dabc
```
#79dabc rgb(121,218,188)
```
#88dfc3
```
#88dfc3 rgb(136,223,195)
```
#98e3cb
```
#98e3cb rgb(152,227,203)
```
#a7e7d3
```
#a7e7d3 rgb(167,231,211)
```
#b6ebdb
```
#b6ebdb rgb(182,235,219)
```
#c6efe2
```
#c6efe2 rgb(198,239,226)
```
#d5f4ea
```
#d5f4ea rgb(213,244,234)
```
#e5f8f2
```
#e5f8f2 rgb(229,248,242)
```
#f4fcfa
```
#f4fcfa rgb(244,252,250)
```

Tint Color Variation

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

#939997
```
#939997 rgb(147,153,151)
```
#8aa29a
```
#8aa29a rgb(138,162,154)
```
#82aa9d
```
#82aa9d rgb(130,170,157)
```
#7ab2a0
```
#7ab2a0 rgb(122,178,160)
```
#72baa3
```
#72baa3 rgb(114,186,163)
```
#6ac2a6
```
#6ac2a6 rgb(106,194,166)
```
#62caa9
```
#62caa9 rgb(98,202,169)
```
#5ad2ac
```
#5ad2ac rgb(90,210,172)
```
#52daaf
```
#52daaf rgb(82,218,175)
```
#4ae2b2
```
#4ae2b2 rgb(74,226,178)
```
#42eab5
```
#42eab5 rgb(66,234,181)
```
#3af2b8
```
#3af2b8 rgb(58,242,184)
```
#32fabb
```
#32fabb rgb(50,250,187)
```

Tone Color Variation

Below, you can see how #5ad2ac 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
#9ab2aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#cac0a6 Protanopia 1% of men
#d5bab9 Deuteranopia 1% of men
#75cddc Tritanopia 0.001% of the population

Trichromacy

#a1c6a8 Protanomaly 1% of men, 0.01% of women
#a8c3b4 Deuteranomaly 6% of men, 0.4% of women
#6bcfcb Tritanomaly 0.01% of the population

#5ad2ac hex color

#5ad2ac Color Information

#5ad2ac Color Conversion

Color Schemes with #5ad2ac

Alternatives to #5ad2ac

#5ad2ac Preview

Shades and Tints of #5ad2ac

Tones of #5ad2ac

Color Blindness Simulator