#5a8224 hex color

In a RGB color space, hex #5a8224 is composed of 35.3% red, 51% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 0% magenta, 72.3% yellow and 49% black. It has a hue angle of 85.5 degrees, a saturation of 56.6% and a lightness of 32.5%. #5a8224 color hex could be obtained by blending #b4ff48 with #000500. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 35
- G 51
- B 14
RGB color chart
- C 31
- M 0
- Y 72
- K 49
CMYK color chart

● #5a8224 color description : Dark green.

The hexadecimal color #5a8224 has RGB values of R:90, G:130, B:36 and CMYK values of C:0.31, M:0, Y:0.72, K:0.49. Its decimal value is 5931556.

Hex triplet	5a8224	`#5a8224`
RGB Decimal	90, 130, 36	`rgb(90,130,36)`
RGB Percent	35.3, 51, 14.1	`rgb(35.3%,51%,14.1%)`
CMYK	31, 0, 72, 49
HSL	85.5°, 56.6, 32.5	`hsl(85.5,56.6%,32.5%)`
HSV (or HSB)	85.5°, 72.3, 51
Web Safe	669933	`#669933`

CIE-LAB	49.817, -29.308, 44.15
XYZ	12.517, 18.266, 4.535
xyY	0.354, 0.517, 18.266
CIE-LCH	49.817, 52.992, 123.577
CIE-LUV	49.817, -20.08, 51.446
Hunter-Lab	42.739, -22.514, 23.626
Binary	01011010, 10000010, 00100100

#5a8224
```
#5a8224 rgb(90,130,36)
```
#4c2482
```
#4c2482 rgb(76,36,130)
```

Complementary Color

#827b24
```
#827b24 rgb(130,123,36)
```
#5a8224
```
#5a8224 rgb(90,130,36)
```
#2b8224
```
#2b8224 rgb(43,130,36)
```

Analogous Color

#7b2482
```
#7b2482 rgb(123,36,130)
```
#5a8224
```
#5a8224 rgb(90,130,36)
```
#242b82
```
#242b82 rgb(36,43,130)
```

Split Complementary Color

#82245a
```
#82245a rgb(130,36,90)
```
#5a8224
```
#5a8224 rgb(90,130,36)
```
#245a82
```
#245a82 rgb(36,90,130)
```

Triadic Color

#824c24
```
#824c24 rgb(130,76,36)
```
#5a8224
```
#5a8224 rgb(90,130,36)
```
#245a82
```
#245a82 rgb(36,90,130)
```
#4c2482
```
#4c2482 rgb(76,36,130)
```

Tetradic Color

#314613
```
#314613 rgb(49,70,19)
```
#3e5a19
```
#3e5a19 rgb(62,90,25)
```
#4c6e1e
```
#4c6e1e rgb(76,110,30)
```
#5a8224
```
#5a8224 rgb(90,130,36)
```
#68962a
```
#68962a rgb(104,150,42)
```
#76aa2f
```
#76aa2f rgb(118,170,47)
```
#83be35
```
#83be35 rgb(131,190,53)
```

Monochromatic Color

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

#728224
```
#728224 rgb(114,130,36)
```
#6a8224
```
#6a8224 rgb(106,130,36)
```
#628224
```
#628224 rgb(98,130,36)
```
#5a8224
```
#5a8224 rgb(90,130,36)
```
#528224
```
#528224 rgb(82,130,36)
```
#4a8224
```
#4a8224 rgb(74,130,36)
```
#438224
```
#438224 rgb(67,130,36)
```

Similar Colors

Text with hexadecimal color #5a8224

This text has a font color of #5a8224.

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

#5a8224 background color

This paragraph has a background color of #5a8224.

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

#5a8224 border color

This element has a border color of #5a8224.

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

CSS codes

.text {color:#5a8224;}

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

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

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

#050702
```
#050702 rgb(5,7,2)
```
#101606
```
#101606 rgb(16,22,6)
```
#1a260a
```
#1a260a rgb(26,38,10)
```
#25350f
```
#25350f rgb(37,53,15)
```
#2f4513
```
#2f4513 rgb(47,69,19)
```
#3a5417
```
#3a5417 rgb(58,84,23)
```
#45631b
```
#45631b rgb(69,99,27)
```
#4f7320
```
#4f7320 rgb(79,115,32)
```
#5a8224
```
#5a8224 rgb(90,130,36)
```
#659128
```
#659128 rgb(101,145,40)
```
#6fa12d
```
#6fa12d rgb(111,161,45)
```
#7ab031
```
#7ab031 rgb(122,176,49)
```
#85bf35
```
#85bf35 rgb(133,191,53)
```

Shade Color Variation

#8eca3e
```
#8eca3e rgb(142,202,62)
```
#97ce4e
```
#97ce4e rgb(151,206,78)
```
#a0d25d
```
#a0d25d rgb(160,210,93)
```
#a9d66c
```
#a9d66c rgb(169,214,108)
```
#b2db7c
```
#b2db7c rgb(178,219,124)
```
#bbdf8b
```
#bbdf8b rgb(187,223,139)
```
#c4e39b
```
#c4e39b rgb(196,227,155)
```
#cde7aa
```
#cde7aa rgb(205,231,170)
```
#d6ecb9
```
#d6ecb9 rgb(214,236,185)
```
#dff0c9
```
#dff0c9 rgb(223,240,201)
```
#e8f4d8
```
#e8f4d8 rgb(232,244,216)
```
#f1f8e7
```
#f1f8e7 rgb(241,248,231)
```
#fafdf7
```
#fafdf7 rgb(250,253,247)
```

Tint Color Variation

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

#535551
```
#535551 rgb(83,85,81)
```
#545c4a
```
#545c4a rgb(84,92,74)
```
#556244
```
#556244 rgb(85,98,68)
```
#56683e
```
#56683e rgb(86,104,62)
```
#576f37
```
#576f37 rgb(87,111,55)
```
#587531
```
#587531 rgb(88,117,49)
```
#597c2a
```
#597c2a rgb(89,124,42)
```
#5a8224
```
#5a8224 rgb(90,130,36)
```
#5b881e
```
#5b881e rgb(91,136,30)
```
#5c8f17
```
#5c8f17 rgb(92,143,23)
```
#5d9511
```
#5d9511 rgb(93,149,17)
```
#5e9c0a
```
#5e9c0a rgb(94,156,10)
```
#5fa204
```
#5fa204 rgb(95,162,4)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#68705d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d2c Protanopia 1% of men
#9a7736 Deuteranopia 1% of men
#708089 Tritanopia 0.001% of the population

Trichromacy

#797f29 Protanomaly 1% of men, 0.01% of women
#837b2f Deuteranomaly 6% of men, 0.4% of women
#688064 Tritanomaly 0.01% of the population

#5a8224 hex color

#5a8224 Color Information

#5a8224 Color Conversion

Color Schemes with #5a8224

Alternatives to #5a8224

#5a8224 Preview

Shades and Tints of #5a8224

Tones of #5a8224

Color Blindness Simulator