#5aac30 hex color

In a RGB color space, hex #5aac30 is composed of 35.3% red, 67.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 0% magenta, 72.1% yellow and 32.5% black. It has a hue angle of 99.7 degrees, a saturation of 56.4% and a lightness of 43.1%. #5aac30 color hex could be obtained by blending #b4ff60 with #005900. Closest websafe color is: #669933.

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

● #5aac30 color description : Dark green.

The hexadecimal color #5aac30 has RGB values of R:90, G:172, B:48 and CMYK values of C:0.48, M:0, Y:0.72, K:0.33. Its decimal value is 5942320.

Hex triplet	5aac30	`#5aac30`
RGB Decimal	90, 172, 48	`rgb(90,172,48)`
RGB Percent	35.3, 67.5, 18.8	`rgb(35.3%,67.5%,18.8%)`
CMYK	48, 0, 72, 33
HSL	99.7°, 56.4, 43.1	`hsl(99.7,56.4%,43.1%)`
HSV (or HSB)	99.7°, 72.1, 67.5
Web Safe	669933	`#669933`

CIE-LAB	63.253, -46.701, 53.141
XYZ	19.502, 31.891, 7.924
xyY	0.329, 0.538, 31.891
CIE-LCH	63.253, 70.746, 131.31
CIE-LUV	63.253, -39.714, 67.336
Hunter-Lab	56.472, -37.184, 31.211
Binary	01011010, 10101100, 00110000

#5aac30
```
#5aac30 rgb(90,172,48)
```
#8230ac
```
#8230ac rgb(130,48,172)
```

Complementary Color

#98ac30
```
#98ac30 rgb(152,172,48)
```
#5aac30
```
#5aac30 rgb(90,172,48)
```
#30ac44
```
#30ac44 rgb(48,172,68)
```

Analogous Color

#ac3098
```
#ac3098 rgb(172,48,152)
```
#5aac30
```
#5aac30 rgb(90,172,48)
```
#4430ac
```
#4430ac rgb(68,48,172)
```

Split Complementary Color

#ac305a
```
#ac305a rgb(172,48,90)
```
#5aac30
```
#5aac30 rgb(90,172,48)
```
#305aac
```
#305aac rgb(48,90,172)
```

Triadic Color

#ac8230
```
#ac8230 rgb(172,130,48)
```
#5aac30
```
#5aac30 rgb(90,172,48)
```
#305aac
```
#305aac rgb(48,90,172)
```
#8230ac
```
#8230ac rgb(130,48,172)
```

Tetradic Color

#3b701f
```
#3b701f rgb(59,112,31)
```
#458425
```
#458425 rgb(69,132,37)
```
#50982a
```
#50982a rgb(80,152,42)
```
#5aac30
```
#5aac30 rgb(90,172,48)
```
#64c036
```
#64c036 rgb(100,192,54)
```
#72cb44
```
#72cb44 rgb(114,203,68)
```
#81d058
```
#81d058 rgb(129,208,88)
```

Monochromatic Color

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

#79ac30
```
#79ac30 rgb(121,172,48)
```
#6fac30
```
#6fac30 rgb(111,172,48)
```
#64ac30
```
#64ac30 rgb(100,172,48)
```
#5aac30
```
#5aac30 rgb(90,172,48)
```
#50ac30
```
#50ac30 rgb(80,172,48)
```
#45ac30
```
#45ac30 rgb(69,172,48)
```
#3bac30
```
#3bac30 rgb(59,172,48)
```

Similar Colors

Text with hexadecimal color #5aac30

This text has a font color of #5aac30.

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

#5aac30 background color

This paragraph has a background color of #5aac30.

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

#5aac30 border color

This element has a border color of #5aac30.

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

CSS codes

.text {color:#5aac30;}

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

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0a1305
```
#0a1305 rgb(10,19,5)
```
#122209
```
#122209 rgb(18,34,9)
```
#1a310e
```
#1a310e rgb(26,49,14)
```
#224112
```
#224112 rgb(34,65,18)
```
#2a5016
```
#2a5016 rgb(42,80,22)
```
#325f1b
```
#325f1b rgb(50,95,27)
```
#3a6f1f
```
#3a6f1f rgb(58,111,31)
```
#427e23
```
#427e23 rgb(66,126,35)
```
#4a8d27
```
#4a8d27 rgb(74,141,39)
```
#529d2c
```
#529d2c rgb(82,157,44)
```
#5aac30
```
#5aac30 rgb(90,172,48)
```
#62bb34
```
#62bb34 rgb(98,187,52)
```

Shade Color Variation

#6bc83b
```
#6bc83b rgb(107,200,59)
```
#76cd4a
```
#76cd4a rgb(118,205,74)
```
#82d15a
```
#82d15a rgb(130,209,90)
```
#8ed569
```
#8ed569 rgb(142,213,105)
```
#99d978
```
#99d978 rgb(153,217,120)
```
#a5de88
```
#a5de88 rgb(165,222,136)
```
#b0e297
```
#b0e297 rgb(176,226,151)
```
#bce6a6
```
#bce6a6 rgb(188,230,166)
```
#c8ebb6
```
#c8ebb6 rgb(200,235,182)
```
#d3efc5
```
#d3efc5 rgb(211,239,197)
```
#dff3d4
```
#dff3d4 rgb(223,243,212)
```
#eaf7e4
```
#eaf7e4 rgb(234,247,228)
```
#f6fcf3
```
#f6fcf3 rgb(246,252,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d716b is the less saturated color, while #4cd606 is the most saturated one.

#6d716b
```
#6d716b rgb(109,113,107)
```
#6a7963
```
#6a7963 rgb(106,121,99)
```
#68825a
```
#68825a rgb(104,130,90)
```
#658a52
```
#658a52 rgb(101,138,82)
```
#629349
```
#629349 rgb(98,147,73)
```
#5f9b41
```
#5f9b41 rgb(95,155,65)
```
#5da438
```
#5da438 rgb(93,164,56)
```
#5aac30
```
#5aac30 rgb(90,172,48)
```
#57b428
```
#57b428 rgb(87,180,40)
```
#55bd1f
```
#55bd1f rgb(85,189,31)
```
#52c517
```
#52c517 rgb(82,197,23)
```
#4fce0e
```
#4fce0e rgb(79,206,14)
```
#4cd606
```
#4cd606 rgb(76,214,6)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7c8d74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09e36 Protanopia 1% of men
#c39746 Deuteranopia 1% of men
#7aa5b1 Tritanopia 0.001% of the population

Trichromacy

#91a333 Protanomaly 1% of men, 0.01% of women
#9c9e3e Deuteranomaly 6% of men, 0.4% of women
#6ea782 Tritanomaly 0.01% of the population

#5aac30 hex color

#5aac30 Color Information

#5aac30 Color Conversion

Color Schemes with #5aac30

Alternatives to #5aac30

#5aac30 Preview

Shades and Tints of #5aac30

Tones of #5aac30

Color Blindness Simulator