#5aab30 hex color

In a RGB color space, hex #5aab30 is composed of 35.3% red, 67.1% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 0% magenta, 71.9% yellow and 32.9% black. It has a hue angle of 99.5 degrees, a saturation of 56.2% and a lightness of 42.9%. #5aab30 color hex could be obtained by blending #b4ff60 with #005700. Closest websafe color is: #669933.

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

● #5aab30 color description : Dark green.

The hexadecimal color #5aab30 has RGB values of R:90, G:171, B:48 and CMYK values of C:0.47, M:0, Y:0.72, K:0.33. Its decimal value is 5942064.

Hex triplet	5aab30	`#5aab30`
RGB Decimal	90, 171, 48	`rgb(90,171,48)`
RGB Percent	35.3, 67.1, 18.8	`rgb(35.3%,67.1%,18.8%)`
CMYK	47, 0, 72, 33
HSL	99.5°, 56.2, 42.9	`hsl(99.5,56.2%,42.9%)`
HSV (or HSB)	99.5°, 71.9, 67.1
Web Safe	669933	`#669933`

CIE-LAB	62.937, -46.301, 52.82
XYZ	19.312, 31.512, 7.861
xyY	0.329, 0.537, 31.512
CIE-LCH	62.937, 70.24, 131.237
CIE-LUV	62.937, -39.28, 66.882
Hunter-Lab	56.135, -36.828, 30.992
Binary	01011010, 10101011, 00110000

#5aab30
```
#5aab30 rgb(90,171,48)
```
#8130ab
```
#8130ab rgb(129,48,171)
```

Complementary Color

#98ab30
```
#98ab30 rgb(152,171,48)
```
#5aab30
```
#5aab30 rgb(90,171,48)
```
#30ab44
```
#30ab44 rgb(48,171,68)
```

Analogous Color

#ab3098
```
#ab3098 rgb(171,48,152)
```
#5aab30
```
#5aab30 rgb(90,171,48)
```
#4430ab
```
#4430ab rgb(68,48,171)
```

Split Complementary Color

#ab305a
```
#ab305a rgb(171,48,90)
```
#5aab30
```
#5aab30 rgb(90,171,48)
```
#305aab
```
#305aab rgb(48,90,171)
```

Triadic Color

#ab8130
```
#ab8130 rgb(171,129,48)
```
#5aab30
```
#5aab30 rgb(90,171,48)
```
#305aab
```
#305aab rgb(48,90,171)
```
#8130ab
```
#8130ab rgb(129,48,171)
```

Tetradic Color

#3b6f1f
```
#3b6f1f rgb(59,111,31)
```
#458325
```
#458325 rgb(69,131,37)
```
#50972a
```
#50972a rgb(80,151,42)
```
#5aab30
```
#5aab30 rgb(90,171,48)
```
#64bf36
```
#64bf36 rgb(100,191,54)
```
#72ca44
```
#72ca44 rgb(114,202,68)
```
#81d058
```
#81d058 rgb(129,208,88)
```

Monochromatic Color

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

#79ab30
```
#79ab30 rgb(121,171,48)
```
#6fab30
```
#6fab30 rgb(111,171,48)
```
#64ab30
```
#64ab30 rgb(100,171,48)
```
#5aab30
```
#5aab30 rgb(90,171,48)
```
#50ab30
```
#50ab30 rgb(80,171,48)
```
#45ab30
```
#45ab30 rgb(69,171,48)
```
#3bab30
```
#3bab30 rgb(59,171,48)
```

Similar Colors

Text with hexadecimal color #5aab30

This text has a font color of #5aab30.

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

#5aab30 background color

This paragraph has a background color of #5aab30.

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

#5aab30 border color

This element has a border color of #5aab30.

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

CSS codes

.text {color:#5aab30;}

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

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

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

#010301
```
#010301 rgb(1,3,1)
```
#091205
```
#091205 rgb(9,18,5)
```
#112109
```
#112109 rgb(17,33,9)
```
#1a300e
```
#1a300e rgb(26,48,14)
```
#224012
```
#224012 rgb(34,64,18)
```
#2a4f16
```
#2a4f16 rgb(42,79,22)
```
#325e1b
```
#325e1b rgb(50,94,27)
```
#3a6e1f
```
#3a6e1f rgb(58,110,31)
```
#427d23
```
#427d23 rgb(66,125,35)
```
#4a8c27
```
#4a8c27 rgb(74,140,39)
```
#529c2c
```
#529c2c rgb(82,156,44)
```
#5aab30
```
#5aab30 rgb(90,171,48)
```
#62ba34
```
#62ba34 rgb(98,186,52)
```

Shade Color Variation

#6bc83a
```
#6bc83a rgb(107,200,58)
```
#76cc4a
```
#76cc4a rgb(118,204,74)
```
#82d059
```
#82d059 rgb(130,208,89)
```
#8dd568
```
#8dd568 rgb(141,213,104)
```
#99d978
```
#99d978 rgb(153,217,120)
```
#a4dd87
```
#a4dd87 rgb(164,221,135)
```
#b0e296
```
#b0e296 rgb(176,226,150)
```
#bce6a6
```
#bce6a6 rgb(188,230,166)
```
#c7eab5
```
#c7eab5 rgb(199,234,181)
```
#d3efc4
```
#d3efc4 rgb(211,239,196)
```
#def3d4
```
#def3d4 rgb(222,243,212)
```
#eaf7e3
```
#eaf7e3 rgb(234,247,227)
```
#f5fbf2
```
#f5fbf2 rgb(245,251,242)
```

Tint Color Variation

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

#6d706b
```
#6d706b rgb(109,112,107)
```
#6a7863
```
#6a7863 rgb(106,120,99)
```
#67815a
```
#67815a rgb(103,129,90)
```
#658952
```
#658952 rgb(101,137,82)
```
#629249
```
#629249 rgb(98,146,73)
```
#5f9a41
```
#5f9a41 rgb(95,154,65)
```
#5da338
```
#5da338 rgb(93,163,56)
```
#5aab30
```
#5aab30 rgb(90,171,48)
```
#57b328
```
#57b328 rgb(87,179,40)
```
#55bc1f
```
#55bc1f rgb(85,188,31)
```
#52c417
```
#52c417 rgb(82,196,23)
```
#4fcd0e
```
#4fcd0e rgb(79,205,14)
```
#4dd506
```
#4dd506 rgb(77,213,6)
```

Tone Color Variation

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

#af9d36 Protanopia 1% of men
#c29646 Deuteranopia 1% of men
#79a4b0 Tritanopia 0.001% of the population

Trichromacy

#90a233 Protanomaly 1% of men, 0.01% of women
#9c9d3e Deuteranomaly 6% of men, 0.4% of women
#6ea681 Tritanomaly 0.01% of the population

#5aab30 hex color

#5aab30 Color Information

#5aab30 Color Conversion

Color Schemes with #5aab30

Alternatives to #5aab30

#5aab30 Preview

Shades and Tints of #5aab30

Tones of #5aab30

Color Blindness Simulator