#5aac78 hex color

In a RGB color space, hex #5aac78 is composed of 35.3% red, 67.5% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 0% magenta, 30.2% yellow and 32.5% black. It has a hue angle of 142 degrees, a saturation of 33.1% and a lightness of 51.4%. #5aac78 color hex could be obtained by blending #b4fff0 with #005900. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 35
- G 67
- B 47
RGB color chart
- C 48
- M 0
- Y 30
- K 33
CMYK color chart

● #5aac78 color description : Dark moderate cyan - lime green.

The hexadecimal color #5aac78 has RGB values of R:90, G:172, B:120 and CMYK values of C:0.48, M:0, Y:0.3, K:0.33. Its decimal value is 5942392.

Hex triplet	5aac78	`#5aac78`
RGB Decimal	90, 172, 120	`rgb(90,172,120)`
RGB Percent	35.3, 67.5, 47.1	`rgb(35.3%,67.5%,47.1%)`
CMYK	48, 0, 30, 33
HSL	142°, 33.1, 51.4	`hsl(142,33.1%,51.4%)`
HSV (or HSB)	142°, 47.7, 67.5
Web Safe	669966	`#669966`

CIE-LAB	64.188, -36.987, 19.202
XYZ	22.358, 33.033, 22.966
xyY	0.285, 0.422, 33.033
CIE-LCH	64.188, 41.674, 152.563
CIE-LUV	64.188, -37.903, 31.999
Hunter-Lab	57.475, -31.143, 16.541
Binary	01011010, 10101100, 01111000

#5aac78
```
#5aac78 rgb(90,172,120)
```
#ac5a8e
```
#ac5a8e rgb(172,90,142)
```

Complementary Color

#65ac5a
```
#65ac5a rgb(101,172,90)
```
#5aac78
```
#5aac78 rgb(90,172,120)
```
#5aaca1
```
#5aaca1 rgb(90,172,161)
```

Analogous Color

#ac5a65
```
#ac5a65 rgb(172,90,101)
```
#5aac78
```
#5aac78 rgb(90,172,120)
```
#a15aac
```
#a15aac rgb(161,90,172)
```

Split Complementary Color

#ac785a
```
#ac785a rgb(172,120,90)
```
#5aac78
```
#5aac78 rgb(90,172,120)
```
#785aac
```
#785aac rgb(120,90,172)
```

Triadic Color

#8eac5a
```
#8eac5a rgb(142,172,90)
```
#5aac78
```
#5aac78 rgb(90,172,120)
```
#785aac
```
#785aac rgb(120,90,172)
```
#ac5a8e
```
#ac5a8e rgb(172,90,142)
```

Tetradic Color

#3e7b55
```
#3e7b55 rgb(62,123,85)
```
#478c60
```
#478c60 rgb(71,140,96)
```
#4f9d6c
```
#4f9d6c rgb(79,157,108)
```
#5aac78
```
#5aac78 rgb(90,172,120)
```
#6bb586
```
#6bb586 rgb(107,181,134)
```
#7cbd94
```
#7cbd94 rgb(124,189,148)
```
#8dc6a2
```
#8dc6a2 rgb(141,198,162)
```

Monochromatic Color

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

#5aac64
```
#5aac64 rgb(90,172,100)
```
#5aac6a
```
#5aac6a rgb(90,172,106)
```
#5aac71
```
#5aac71 rgb(90,172,113)
```
#5aac78
```
#5aac78 rgb(90,172,120)
```
#5aac7f
```
#5aac7f rgb(90,172,127)
```
#5aac86
```
#5aac86 rgb(90,172,134)
```
#5aac8d
```
#5aac8d rgb(90,172,141)
```

Similar Colors

Text with hexadecimal color #5aac78

This text has a font color of #5aac78.

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

#5aac78 background color

This paragraph has a background color of #5aac78.

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

#5aac78 border color

This element has a border color of #5aac78.

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

CSS codes

.text {color:#5aac78;}

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

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

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

#020503
```
#020503 rgb(2,5,3)
```
#09120c
```
#09120c rgb(9,18,12)
```
#0f1f15
```
#0f1f15 rgb(15,31,21)
```
#162c1e
```
#162c1e rgb(22,44,30)
```
#1d3927
```
#1d3927 rgb(29,57,39)
```
#234630
```
#234630 rgb(35,70,48)
```
#2a5339
```
#2a5339 rgb(42,83,57)
```
#306042
```
#306042 rgb(48,96,66)
```
#376d4b
```
#376d4b rgb(55,109,75)
```
#3d7a54
```
#3d7a54 rgb(61,122,84)
```
#44875d
```
#44875d rgb(68,135,93)
```
#4b9466
```
#4b9466 rgb(75,148,102)
```
#51a16e
```
#51a16e rgb(81,161,110)
```

Shade Color Variation

#5aac78
```
#5aac78 rgb(90,172,120)
```
#67b383
```
#67b383 rgb(103,179,131)
```
#74b98d
```
#74b98d rgb(116,185,141)
```
#81c098
```
#81c098 rgb(129,192,152)
```
#8ec6a3
```
#8ec6a3 rgb(142,198,163)
```
#9bcdad
```
#9bcdad rgb(155,205,173)
```
#a8d3b8
```
#a8d3b8 rgb(168,211,184)
```
#b5dac3
```
#b5dac3 rgb(181,218,195)
```
#c2e1cd
```
#c2e1cd rgb(194,225,205)
```
#cfe7d8
```
#cfe7d8 rgb(207,231,216)
```
#ddeee3
```
#ddeee3 rgb(221,238,227)
```
#eaf4ed
```
#eaf4ed rgb(234,244,237)
```
#f7fbf8
```
#f7fbf8 rgb(247,251,248)
```

Tint Color Variation

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

#808682
```
#808682 rgb(128,134,130)
```
#778f80
```
#778f80 rgb(119,143,128)
```
#6d997d
```
#6d997d rgb(109,153,125)
```
#64a27b
```
#64a27b rgb(100,162,123)
```
#5aac78
```
#5aac78 rgb(90,172,120)
```
#50b675
```
#50b675 rgb(80,182,117)
```
#47bf73
```
#47bf73 rgb(71,191,115)
```
#3dc970
```
#3dc970 rgb(61,201,112)
```
#34d26e
```
#34d26e rgb(52,210,110)
```
#2adc6b
```
#2adc6b rgb(42,220,107)
```
#21e569
```
#21e569 rgb(33,229,105)
```
#17ef66
```
#17ef66 rgb(23,239,102)
```
#0ef864
```
#0ef864 rgb(14,248,100)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#84948a Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca078 Protanopia 1% of men
#b99a86 Deuteranopia 1% of men
#72a9b5 Tritanopia 0.001% of the population

Trichromacy

#8ea478 Protanomaly 1% of men, 0.01% of women
#96a181 Deuteranomaly 6% of men, 0.4% of women
#69aa9f Tritanomaly 0.01% of the population

#5aac78 hex color

#5aac78 Color Information

#5aac78 Color Conversion

Color Schemes with #5aac78

Alternatives to #5aac78

#5aac78 Preview

Shades and Tints of #5aac78

Tones of #5aac78

Color Blindness Simulator