#5ab224 hex color

In a RGB color space, hex #5ab224 is composed of 35.3% red, 69.8% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 0% magenta, 79.8% yellow and 30.2% black. It has a hue angle of 97.2 degrees, a saturation of 66.4% and a lightness of 42%. #5ab224 color hex could be obtained by blending #b4ff48 with #006500. Closest websafe color is: #669933.

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

● #5ab224 color description : Dark green.

The hexadecimal color #5ab224 has RGB values of R:90, G:178, B:36 and CMYK values of C:0.49, M:0, Y:0.8, K:0.3. Its decimal value is 5943844.

Hex triplet	5ab224	`#5ab224`
RGB Decimal	90, 178, 36	`rgb(90,178,36)`
RGB Percent	35.3, 69.8, 14.1	`rgb(35.3%,69.8%,14.1%)`
CMYK	49, 0, 80, 30
HSL	97.2°, 66.4, 42	`hsl(97.2,66.4%,42%)`
HSV (or HSB)	97.2°, 79.8, 69.8
Web Safe	669933	`#669933`

CIE-LAB	65.074, -49.825, 58.978
XYZ	20.455, 34.141, 7.181
xyY	0.331, 0.553, 34.141
CIE-LCH	65.074, 77.207, 130.192
CIE-LUV	65.074, -42.452, 72.912
Hunter-Lab	58.43, -39.765, 33.614
Binary	01011010, 10110010, 00100100

#5ab224
```
#5ab224 rgb(90,178,36)
```
#7c24b2
```
#7c24b2 rgb(124,36,178)
```

Complementary Color

#a1b224
```
#a1b224 rgb(161,178,36)
```
#5ab224
```
#5ab224 rgb(90,178,36)
```
#24b235
```
#24b235 rgb(36,178,53)
```

Analogous Color

#b224a1
```
#b224a1 rgb(178,36,161)
```
#5ab224
```
#5ab224 rgb(90,178,36)
```
#3524b2
```
#3524b2 rgb(53,36,178)
```

Split Complementary Color

#b2245a
```
#b2245a rgb(178,36,90)
```
#5ab224
```
#5ab224 rgb(90,178,36)
```
#245ab2
```
#245ab2 rgb(36,90,178)
```

Triadic Color

#b27c24
```
#b27c24 rgb(178,124,36)
```
#5ab224
```
#5ab224 rgb(90,178,36)
```
#245ab2
```
#245ab2 rgb(36,90,178)
```
#7c24b2
```
#7c24b2 rgb(124,36,178)
```

Tetradic Color

#3a7217
```
#3a7217 rgb(58,114,23)
```
#45881b
```
#45881b rgb(69,136,27)
```
#4f9d20
```
#4f9d20 rgb(79,157,32)
```
#5ab224
```
#5ab224 rgb(90,178,36)
```
#65c728
```
#65c728 rgb(101,199,40)
```
#71d633
```
#71d633 rgb(113,214,51)
```
#80da48
```
#80da48 rgb(128,218,72)
```

Monochromatic Color

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

#7eb224
```
#7eb224 rgb(126,178,36)
```
#72b224
```
#72b224 rgb(114,178,36)
```
#66b224
```
#66b224 rgb(102,178,36)
```
#5ab224
```
#5ab224 rgb(90,178,36)
```
#4eb224
```
#4eb224 rgb(78,178,36)
```
#42b224
```
#42b224 rgb(66,178,36)
```
#36b224
```
#36b224 rgb(54,178,36)
```

Similar Colors

Text with hexadecimal color #5ab224

This text has a font color of #5ab224.

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

#5ab224 background color

This paragraph has a background color of #5ab224.

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

#5ab224 border color

This element has a border color of #5ab224.

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

CSS codes

.text {color:#5ab224;}

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

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

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, #080f03 is the darkest color, while #fefffe is the lightest one.

#080f03
```
#080f03 rgb(8,15,3)
```
#101f06
```
#101f06 rgb(16,31,6)
```
#182f0a
```
#182f0a rgb(24,47,10)
```
#20400d
```
#20400d rgb(32,64,13)
```
#295010
```
#295010 rgb(41,80,16)
```
#316014
```
#316014 rgb(49,96,20)
```
#397117
```
#397117 rgb(57,113,23)
```
#41811a
```
#41811a rgb(65,129,26)
```
#4a911d
```
#4a911d rgb(74,145,29)
```
#52a221
```
#52a221 rgb(82,162,33)
```
#5ab224
```
#5ab224 rgb(90,178,36)
```
#62c227
```
#62c227 rgb(98,194,39)
```
#6ad32b
```
#6ad32b rgb(106,211,43)
```

Shade Color Variation

#76d73a
```
#76d73a rgb(118,215,58)
```
#81da4a
```
#81da4a rgb(129,218,74)
```
#8cde5a
```
#8cde5a rgb(140,222,90)
```
#98e16b
```
#98e16b rgb(152,225,107)
```
#a3e47b
```
#a3e47b rgb(163,228,123)
```
#aee88b
```
#aee88b rgb(174,232,139)
```
#baeb9c
```
#baeb9c rgb(186,235,156)
```
#c5eeac
```
#c5eeac rgb(197,238,172)
```
#d1f2bc
```
#d1f2bc rgb(209,242,188)
```
#dcf5cd
```
#dcf5cd rgb(220,245,205)
```
#e7f8dd
```
#e7f8dd rgb(231,248,221)
```
#f3fbed
```
#f3fbed rgb(243,251,237)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#6a7066
```
#6a7066 rgb(106,112,102)
```
#68785e
```
#68785e rgb(104,120,94)
```
#668155
```
#668155 rgb(102,129,85)
```
#64894d
```
#64894d rgb(100,137,77)
```
#629145
```
#629145 rgb(98,145,69)
```
#60993d
```
#60993d rgb(96,153,61)
```
#5ea234
```
#5ea234 rgb(94,162,52)
```
#5caa2c
```
#5caa2c rgb(92,170,44)
```
#5ab224
```
#5ab224 rgb(90,178,36)
```
#58ba1c
```
#58ba1c rgb(88,186,28)
```
#56c214
```
#56c214 rgb(86,194,20)
```
#54cb0b
```
#54cb0b rgb(84,203,11)
```
#52d303
```
#52d303 rgb(82,211,3)
```

Tone Color Variation

Below, you can see how #5ab224 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
#7f9074 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a32a Protanopia 1% of men
#c99b3e Deuteranopia 1% of men
#7caab6 Tritanopia 0.001% of the population

Trichromacy

#94a828 Protanomaly 1% of men, 0.01% of women
#a1a334 Deuteranomaly 6% of men, 0.4% of women
#6fad81 Tritanomaly 0.01% of the population

#5ab224 hex color

#5ab224 Color Information

#5ab224 Color Conversion

Color Schemes with #5ab224

Alternatives to #5ab224

#5ab224 Preview

Shades and Tints of #5ab224

Tones of #5ab224

Color Blindness Simulator