#5a8228 hex color

In a RGB color space, hex #5a8228 is composed of 35.3% red, 51% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 0% magenta, 69.2% yellow and 49% black. It has a hue angle of 86.7 degrees, a saturation of 52.9% and a lightness of 33.3%. #5a8228 color hex could be obtained by blending #b4ff50 with #000500. Closest websafe color is: #669933.

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

● #5a8228 color description : Dark moderate green.

The hexadecimal color #5a8228 has RGB values of R:90, G:130, B:40 and CMYK values of C:0.31, M:0, Y:0.69, K:0.49. Its decimal value is 5931560.

Hex triplet	5a8228	`#5a8228`
RGB Decimal	90, 130, 40	`rgb(90,130,40)`
RGB Percent	35.3, 51, 15.7	`rgb(35.3%,51%,15.7%)`
CMYK	31, 0, 69, 49
HSL	86.7°, 52.9, 33.3	`hsl(86.7,52.9%,33.3%)`
HSV (or HSB)	86.7°, 69.2, 51
Web Safe	669933	`#669933`

CIE-LAB	49.848, -29.005, 42.513
XYZ	12.582, 18.292, 4.875
xyY	0.352, 0.512, 18.292
CIE-LCH	49.848, 51.465, 124.305
CIE-LUV	49.848, -20.065, 50.245
Hunter-Lab	42.769, -22.334, 23.18
Binary	01011010, 10000010, 00101000

#5a8228
```
#5a8228 rgb(90,130,40)
```
#502882
```
#502882 rgb(80,40,130)
```

Complementary Color

#827d28
```
#827d28 rgb(130,125,40)
```
#5a8228
```
#5a8228 rgb(90,130,40)
```
#2d8228
```
#2d8228 rgb(45,130,40)
```

Analogous Color

#7d2882
```
#7d2882 rgb(125,40,130)
```
#5a8228
```
#5a8228 rgb(90,130,40)
```
#282d82
```
#282d82 rgb(40,45,130)
```

Split Complementary Color

#82285a
```
#82285a rgb(130,40,90)
```
#5a8228
```
#5a8228 rgb(90,130,40)
```
#285a82
```
#285a82 rgb(40,90,130)
```

Triadic Color

#825028
```
#825028 rgb(130,80,40)
```
#5a8228
```
#5a8228 rgb(90,130,40)
```
#285a82
```
#285a82 rgb(40,90,130)
```
#502882
```
#502882 rgb(80,40,130)
```

Tetradic Color

#324816
```
#324816 rgb(50,72,22)
```
#3f5b1c
```
#3f5b1c rgb(63,91,28)
```
#4d6f22
```
#4d6f22 rgb(77,111,34)
```
#5a8228
```
#5a8228 rgb(90,130,40)
```
#68962e
```
#68962e rgb(104,150,46)
```
#75a934
```
#75a934 rgb(117,169,52)
```
#83bd3a
```
#83bd3a rgb(131,189,58)
```

Monochromatic Color

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

#718228
```
#718228 rgb(113,130,40)
```
#698228
```
#698228 rgb(105,130,40)
```
#618228
```
#618228 rgb(97,130,40)
```
#5a8228
```
#5a8228 rgb(90,130,40)
```
#528228
```
#528228 rgb(82,130,40)
```
#4b8228
```
#4b8228 rgb(75,130,40)
```
#448228
```
#448228 rgb(68,130,40)
```

Similar Colors

Text with hexadecimal color #5a8228

This text has a font color of #5a8228.

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

#5a8228 background color

This paragraph has a background color of #5a8228.

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

#5a8228 border color

This element has a border color of #5a8228.

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

CSS codes

.text {color:#5a8228;}

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

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

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, #070a03 is the darkest color, while #fcfdfa is the lightest one.

#070a03
```
#070a03 rgb(7,10,3)
```
#111908
```
#111908 rgb(17,25,8)
```
#1c280c
```
#1c280c rgb(28,40,12)
```
#263711
```
#263711 rgb(38,55,17)
```
#304616
```
#304616 rgb(48,70,22)
```
#3b551a
```
#3b551a rgb(59,85,26)
```
#45641f
```
#45641f rgb(69,100,31)
```
#507323
```
#507323 rgb(80,115,35)
```
#5a8228
```
#5a8228 rgb(90,130,40)
```
#64912d
```
#64912d rgb(100,145,45)
```
#6fa031
```
#6fa031 rgb(111,160,49)
```
#79af36
```
#79af36 rgb(121,175,54)
```
#84be3a
```
#84be3a rgb(132,190,58)
```

Shade Color Variation

#8dc646
```
#8dc646 rgb(141,198,70)
```
#96cb55
```
#96cb55 rgb(150,203,85)
```
#a0cf64
```
#a0cf64 rgb(160,207,100)
```
#a9d473
```
#a9d473 rgb(169,212,115)
```
#b2d982
```
#b2d982 rgb(178,217,130)
```
#bbdd91
```
#bbdd91 rgb(187,221,145)
```
#c5e2a0
```
#c5e2a0 rgb(197,226,160)
```
#cee6af
```
#cee6af rgb(206,230,175)
```
#d7ebbe
```
#d7ebbe rgb(215,235,190)
```
#e0f0cd
```
#e0f0cd rgb(224,240,205)
```
#e9f4dc
```
#e9f4dc rgb(233,244,220)
```
#f3f9eb
```
#f3f9eb rgb(243,249,235)
```
#fcfdfa
```
#fcfdfa rgb(252,253,250)
```

Tint Color Variation

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

#565b4f
```
#565b4f rgb(86,91,79)
```
#566149
```
#566149 rgb(86,97,73)
```
#576842
```
#576842 rgb(87,104,66)
```
#586e3c
```
#586e3c rgb(88,110,60)
```
#597535
```
#597535 rgb(89,117,53)
```
#597b2f
```
#597b2f rgb(89,123,47)
```
#5a8228
```
#5a8228 rgb(90,130,40)
```
#5b8921
```
#5b8921 rgb(91,137,33)
```
#5b8f1b
```
#5b8f1b rgb(91,143,27)
```
#5c9614
```
#5c9614 rgb(92,150,20)
```
#5d9c0e
```
#5d9c0e rgb(93,156,14)
```
#5ea307
```
#5ea307 rgb(94,163,7)
```
#5ea901
```
#5ea901 rgb(94,169,1)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#68705e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d30 Protanopia 1% of men
#9a773a Deuteranopia 1% of men
#6f8089 Tritanopia 0.001% of the population

Trichromacy

#797f2d Protanomaly 1% of men, 0.01% of women
#827b33 Deuteranomaly 6% of men, 0.4% of women
#678065 Tritanomaly 0.01% of the population

#5a8228 hex color

#5a8228 Color Information

#5a8228 Color Conversion

Color Schemes with #5a8228

Alternatives to #5a8228

#5a8228 Preview

Shades and Tints of #5a8228

Tones of #5a8228

Color Blindness Simulator