#5acd96 hex color

In a RGB color space, hex #5acd96 is composed of 35.3% red, 80.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 0% magenta, 26.8% yellow and 19.6% black. It has a hue angle of 151.3 degrees, a saturation of 53.5% and a lightness of 57.8%. #5acd96 color hex could be obtained by blending #b4ffff with #009b2d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 35
- G 80
- B 59
RGB color chart
- C 56
- M 0
- Y 27
- K 20
CMYK color chart

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

The hexadecimal color #5acd96 has RGB values of R:90, G:205, B:150 and CMYK values of C:0.56, M:0, Y:0.27, K:0.2. Its decimal value is 5950870.

Hex triplet	5acd96	`#5acd96`
RGB Decimal	90, 205, 150	`rgb(90,205,150)`
RGB Percent	35.3, 80.4, 58.8	`rgb(35.3%,80.4%,58.8%)`
CMYK	56, 0, 27, 20
HSL	151.3°, 53.5, 57.8	`hsl(151.3,53.5%,57.8%)`
HSV (or HSB)	151.3°, 56.1, 80.4
Web Safe	66cc99	`#66cc99`

CIE-LAB	74.848, -45.385, 17.749
XYZ	31.551, 48.036, 36.462
xyY	0.272, 0.414, 48.036
CIE-LCH	74.848, 48.732, 158.641
CIE-LUV	74.848, -49.958, 32.601
Hunter-Lab	69.308, -40.031, 17.324
Binary	01011010, 11001101, 10010110

#5acd96
```
#5acd96 rgb(90,205,150)
```
#cd5a91
```
#cd5a91 rgb(205,90,145)
```

Complementary Color

#5acd5d
```
#5acd5d rgb(90,205,93)
```
#5acd96
```
#5acd96 rgb(90,205,150)
```
#5acbcd
```
#5acbcd rgb(90,203,205)
```

Analogous Color

#cd5d5a
```
#cd5d5a rgb(205,93,90)
```
#5acd96
```
#5acd96 rgb(90,205,150)
```
#cd5acb
```
#cd5acb rgb(205,90,203)
```

Split Complementary Color

#cd965a
```
#cd965a rgb(205,150,90)
```
#5acd96
```
#5acd96 rgb(90,205,150)
```
#965acd
```
#965acd rgb(150,90,205)
```

Triadic Color

#91cd5a
```
#91cd5a rgb(145,205,90)
```
#5acd96
```
#5acd96 rgb(90,205,150)
```
#965acd
```
#965acd rgb(150,90,205)
```
#cd5a91
```
#cd5a91 rgb(205,90,145)
```

Tetradic Color

#33a870
```
#33a870 rgb(51,168,112)
```
#39bb7d
```
#39bb7d rgb(57,187,125)
```
#46c78a
```
#46c78a rgb(70,199,138)
```
#5acd96
```
#5acd96 rgb(90,205,150)
```
#6ed3a2
```
#6ed3a2 rgb(110,211,162)
```
#81d9af
```
#81d9af rgb(129,217,175)
```
#95dfbb
```
#95dfbb rgb(149,223,187)
```

Monochromatic Color

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

#5acd79
```
#5acd79 rgb(90,205,121)
```
#5acd83
```
#5acd83 rgb(90,205,131)
```
#5acd8c
```
#5acd8c rgb(90,205,140)
```
#5acd96
```
#5acd96 rgb(90,205,150)
```
#5acda0
```
#5acda0 rgb(90,205,160)
```
#5acda9
```
#5acda9 rgb(90,205,169)
```
#5acdb3
```
#5acdb3 rgb(90,205,179)
```

Similar Colors

Text with hexadecimal color #5acd96

This text has a font color of #5acd96.

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

#5acd96 background color

This paragraph has a background color of #5acd96.

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

#5acd96 border color

This element has a border color of #5acd96.

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

CSS codes

.text {color:#5acd96;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#05100a
```
#05100a rgb(5,16,10)
```
#091f14
```
#091f14 rgb(9,31,20)
```
#0e2e1f
```
#0e2e1f rgb(14,46,31)
```
#123d29
```
#123d29 rgb(18,61,41)
```
#174c33
```
#174c33 rgb(23,76,51)
```
#1c5b3d
```
#1c5b3d rgb(28,91,61)
```
#206a47
```
#206a47 rgb(32,106,71)
```
#257951
```
#257951 rgb(37,121,81)
```
#29885b
```
#29885b rgb(41,136,91)
```
#2e9765
```
#2e9765 rgb(46,151,101)
```
#32a66f
```
#32a66f rgb(50,166,111)
```
#37b579
```
#37b579 rgb(55,181,121)
```

Shade Color Variation

#3cc483
```
#3cc483 rgb(60,196,131)
```
#4bc88c
```
#4bc88c rgb(75,200,140)
```
#5acd96
```
#5acd96 rgb(90,205,150)
```
#69d2a0
```
#69d2a0 rgb(105,210,160)
```
#78d6a9
```
#78d6a9 rgb(120,214,169)
```
#87dbb3
```
#87dbb3 rgb(135,219,179)
```
#96dfbc
```
#96dfbc rgb(150,223,188)
```
#a5e4c6
```
#a5e4c6 rgb(165,228,198)
```
#b4e8cf
```
#b4e8cf rgb(180,232,207)
```
#c3edd9
```
#c3edd9 rgb(195,237,217)
```
#d2f1e3
```
#d2f1e3 rgb(210,241,227)
```
#e1f6ec
```
#e1f6ec rgb(225,246,236)
```
#f1fbf6
```
#f1fbf6 rgb(241,251,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c9b94 is the less saturated color, while #28ff98 is the most saturated one.

#8c9b94
```
#8c9b94 rgb(140,155,148)
```
#83a494
```
#83a494 rgb(131,164,148)
```
#7bac95
```
#7bac95 rgb(123,172,149)
```
#73b495
```
#73b495 rgb(115,180,149)
```
#6bbc95
```
#6bbc95 rgb(107,188,149)
```
#62c596
```
#62c596 rgb(98,197,150)
```
#5acd96
```
#5acd96 rgb(90,205,150)
```
#52d596
```
#52d596 rgb(82,213,150)
```
#49de97
```
#49de97 rgb(73,222,151)
```
#41e697
```
#41e697 rgb(65,230,151)
```
#39ee97
```
#39ee97 rgb(57,238,151)
```
#31f698
```
#31f698 rgb(49,246,152)
```
#28ff98
```
#28ff98 rgb(40,255,152)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#95aca1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8bb92 Protanopia 1% of men
#d5b5a4 Deuteranopia 1% of men
#78c7d6 Tritanopia 0.001% of the population

Trichromacy

#a0c193 Protanomaly 1% of men, 0.01% of women
#a8bd9f Deuteranomaly 6% of men, 0.4% of women
#6dc9be Tritanomaly 0.01% of the population

#5acd96 hex color

#5acd96 Color Information

#5acd96 Color Conversion

Color Schemes with #5acd96

Alternatives to #5acd96

#5acd96 Preview

Shades and Tints of #5acd96

Tones of #5acd96

Color Blindness Simulator