#5ab228 hex color

In a RGB color space, hex #5ab228 is composed of 35.3% red, 69.8% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 0% magenta, 77.5% yellow and 30.2% black. It has a hue angle of 98.3 degrees, a saturation of 63.3% and a lightness of 42.7%. #5ab228 color hex could be obtained by blending #b4ff50 with #006500. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 35
- G 70
- B 16
RGB color chart
- C 49
- M 0
- Y 78
- K 30
CMYK color chart

● #5ab228 color description : Dark green.

The hexadecimal color #5ab228 has RGB values of R:90, G:178, B:40 and CMYK values of C:0.49, M:0, Y:0.78, K:0.3. Its decimal value is 5943848.

Hex triplet	5ab228	`#5ab228`
RGB Decimal	90, 178, 40	`rgb(90,178,40)`
RGB Percent	35.3, 69.8, 15.7	`rgb(35.3%,69.8%,15.7%)`
CMYK	49, 0, 78, 30
HSL	98.3°, 63.3, 42.7	`hsl(98.3,63.3%,42.7%)`
HSV (or HSB)	98.3°, 77.5, 69.8
Web Safe	669933	`#669933`

CIE-LAB	65.094, -49.599, 57.758
XYZ	20.519, 34.166, 7.521
xyY	0.33, 0.549, 34.166
CIE-LCH	65.094, 76.131, 130.654
CIE-LUV	65.094, -42.403, 72.045
Hunter-Lab	58.452, -39.63, 33.288
Binary	01011010, 10110010, 00101000

#5ab228
```
#5ab228 rgb(90,178,40)
```
#8028b2
```
#8028b2 rgb(128,40,178)
```

Complementary Color

#9fb228
```
#9fb228 rgb(159,178,40)
```
#5ab228
```
#5ab228 rgb(90,178,40)
```
#28b23b
```
#28b23b rgb(40,178,59)
```

Analogous Color

#b2289f
```
#b2289f rgb(178,40,159)
```
#5ab228
```
#5ab228 rgb(90,178,40)
```
#3b28b2
```
#3b28b2 rgb(59,40,178)
```

Split Complementary Color

#b2285a
```
#b2285a rgb(178,40,90)
```
#5ab228
```
#5ab228 rgb(90,178,40)
```
#285ab2
```
#285ab2 rgb(40,90,178)
```

Triadic Color

#b28028
```
#b28028 rgb(178,128,40)
```
#5ab228
```
#5ab228 rgb(90,178,40)
```
#285ab2
```
#285ab2 rgb(40,90,178)
```
#8028b2
```
#8028b2 rgb(128,40,178)
```

Tetradic Color

#3a741a
```
#3a741a rgb(58,116,26)
```
#45881f
```
#45881f rgb(69,136,31)
```
#4f9d23
```
#4f9d23 rgb(79,157,35)
```
#5ab228
```
#5ab228 rgb(90,178,40)
```
#65c72d
```
#65c72d rgb(101,199,45)
```
#71d33a
```
#71d33a rgb(113,211,58)
```
#80d74f
```
#80d74f rgb(128,215,79)
```

Monochromatic Color

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

#7db228
```
#7db228 rgb(125,178,40)
```
#71b228
```
#71b228 rgb(113,178,40)
```
#66b228
```
#66b228 rgb(102,178,40)
```
#5ab228
```
#5ab228 rgb(90,178,40)
```
#4fb228
```
#4fb228 rgb(79,178,40)
```
#43b228
```
#43b228 rgb(67,178,40)
```
#38b228
```
#38b228 rgb(56,178,40)
```

Similar Colors

Text with hexadecimal color #5ab228

This text has a font color of #5ab228.

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

#5ab228 background color

This paragraph has a background color of #5ab228.

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

#5ab228 border color

This element has a border color of #5ab228.

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

CSS codes

.text {color:#5ab228;}

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

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

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

#010200
```
#010200 rgb(1,2,0)
```
#091204
```
#091204 rgb(9,18,4)
```
#112208
```
#112208 rgb(17,34,8)
```
#19320b
```
#19320b rgb(25,50,11)
```
#21420f
```
#21420f rgb(33,66,15)
```
#295212
```
#295212 rgb(41,82,18)
```
#326216
```
#326216 rgb(50,98,22)
```
#3a721a
```
#3a721a rgb(58,114,26)
```
#42821d
```
#42821d rgb(66,130,29)
```
#4a9221
```
#4a9221 rgb(74,146,33)
```
#52a224
```
#52a224 rgb(82,162,36)
```
#5ab228
```
#5ab228 rgb(90,178,40)
```
#62c22c
```
#62c22c rgb(98,194,44)
```

Shade Color Variation

#6bd131
```
#6bd131 rgb(107,209,49)
```
#76d441
```
#76d441 rgb(118,212,65)
```
#82d851
```
#82d851 rgb(130,216,81)
```
#8ddb61
```
#8ddb61 rgb(141,219,97)
```
#99df71
```
#99df71 rgb(153,223,113)
```
#a4e381
```
#a4e381 rgb(164,227,129)
```
#b0e691
```
#b0e691 rgb(176,230,145)
```
#bbeaa1
```
#bbeaa1 rgb(187,234,161)
```
#c7edb1
```
#c7edb1 rgb(199,237,177)
```
#d2f1c1
```
#d2f1c1 rgb(210,241,193)
```
#def5d1
```
#def5d1 rgb(222,245,209)
```
#e9f8e1
```
#e9f8e1 rgb(233,248,225)
```
#f5fcf1
```
#f5fcf1 rgb(245,252,241)
```

Tint Color Variation

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

#6c6f6b
```
#6c6f6b rgb(108,111,107)
```
#6a7763
```
#6a7763 rgb(106,119,99)
```
#68805a
```
#68805a rgb(104,128,90)
```
#668852
```
#668852 rgb(102,136,82)
```
#63904a
```
#63904a rgb(99,144,74)
```
#619941
```
#619941 rgb(97,153,65)
```
#5fa139
```
#5fa139 rgb(95,161,57)
```
#5caa30
```
#5caa30 rgb(92,170,48)
```
#5ab228
```
#5ab228 rgb(90,178,40)
```
#58ba20
```
#58ba20 rgb(88,186,32)
```
#55c317
```
#55c317 rgb(85,195,23)
```
#53cb0f
```
#53cb0f rgb(83,203,15)
```
#51d406
```
#51d406 rgb(81,212,6)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#7f9075 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a32e Protanopia 1% of men
#c99b40 Deuteranopia 1% of men
#7caab6 Tritanopia 0.001% of the population

Trichromacy

#94a82c Protanomaly 1% of men, 0.01% of women
#a0a337 Deuteranomaly 6% of men, 0.4% of women
#6fad82 Tritanomaly 0.01% of the population

#5ab228 hex color

#5ab228 Color Information

#5ab228 Color Conversion

Color Schemes with #5ab228

Alternatives to #5ab228

#5ab228 Preview

Shades and Tints of #5ab228

Tones of #5ab228

Color Blindness Simulator