colorhexa.com

#5a6822 hex color

In a RGB color space, hex #5a6822 is composed of 35.3% red, 40.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 13.5% cyan, 0% magenta, 67.3% yellow and 59.2% black. It has a hue angle of 72 degrees, a saturation of 50.7% and a lightness of 27.1%. #5a6822 color hex could be obtained by blending #b4d044 with #000000. Closest websafe color is: #666633.

- R 35
- G 41
- B 13
RGB color chart
- C 13
- M 0
- Y 67
- K 59
CMYK color chart

● #5a6822 color description : Very dark yellow [Olive tone].

The hexadecimal color #5a6822 has RGB values of R:90, G:104, B:34 and CMYK values of C:0.13, M:0, Y:0.67, K:0.59. Its decimal value is 5924898.

Hex triplet	5a6822	`#5a6822`
RGB Decimal	90, 104, 34	`rgb(90,104,34)`
RGB Percent	35.3, 40.8, 13.3	`rgb(35.3%,40.8%,13.3%)`
CMYK	13, 0, 67, 59
HSL	72°, 50.7, 27.1	`hsl(72,50.7%,27.1%)`
HSV (or HSB)	72°, 67.3, 40.8
Web Safe	666633	`#666633`

CIE-LAB	41.516, -16.237, 36.384
XYZ	9.455, 12.19, 3.368
xyY	0.378, 0.487, 12.19
CIE-LCH	41.516, 39.842, 114.05
CIE-LUV	41.516, -5.926, 39.767
Hunter-Lab	34.914, -12.758, 18.72
Binary	01011010, 01101000, 00100010

#5a6822
```
#5a6822 rgb(90,104,34)
```
#302268
```
#302268 rgb(48,34,104)
```

Complementary Color

#685322
```
#685322 rgb(104,83,34)
```
#5a6822
```
#5a6822 rgb(90,104,34)
```
#376822
```
#376822 rgb(55,104,34)
```

Analogous Color

#532268
```
#532268 rgb(83,34,104)
```
#5a6822
```
#5a6822 rgb(90,104,34)
```
#223768
```
#223768 rgb(34,55,104)
```

Split Complementary Color

#68225a
```
#68225a rgb(104,34,90)
```
#5a6822
```
#5a6822 rgb(90,104,34)
```
#225a68
```
#225a68 rgb(34,90,104)
```

Triadic Color

#282e0f
```
#282e0f rgb(40,46,15)
```
#394215
```
#394215 rgb(57,66,21)
```
#49551c
```
#49551c rgb(73,85,28)
```
#5a6822
```
#5a6822 rgb(90,104,34)
```
#6b7b28
```
#6b7b28 rgb(107,123,40)
```
#7b8e2f
```
#7b8e2f rgb(123,142,47)
```
#8ca235
```
#8ca235 rgb(140,162,53)
```

Monochromatic Color

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

#686522
```
#686522 rgb(104,101,34)
```
#666822
```
#666822 rgb(102,104,34)
```
#606822
```
#606822 rgb(96,104,34)
```
#5a6822
```
#5a6822 rgb(90,104,34)
```
#546822
```
#546822 rgb(84,104,34)
```
#4e6822
```
#4e6822 rgb(78,104,34)
```
#496822
```
#496822 rgb(73,104,34)
```

Similar Colors

Text with hexadecimal color #5a6822

This text has a font color of #5a6822.

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

#5a6822 background color

This paragraph has a background color of #5a6822.

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

#5a6822 border color

This element has a border color of #5a6822.

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

CSS codes

.text {color:#5a6822;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#0d0f05
```
#0d0f05 rgb(13,15,5)
```
#1a1e0a
```
#1a1e0a rgb(26,30,10)
```
#272d0f
```
#272d0f rgb(39,45,15)
```
#343c14
```
#343c14 rgb(52,60,20)
```
#404a18
```
#404a18 rgb(64,74,24)
```
#4d591d
```
#4d591d rgb(77,89,29)
```
#5a6822
```
#5a6822 rgb(90,104,34)
```
#677727
```
#677727 rgb(103,119,39)
```
#74862c
```
#74862c rgb(116,134,44)
```
#809430
```
#809430 rgb(128,148,48)
```
#8da335
```
#8da335 rgb(141,163,53)
```
#9ab23a
```
#9ab23a rgb(154,178,58)
```

Shade Color Variation

#a7c03f
```
#a7c03f rgb(167,192,63)
```
#adc54e
```
#adc54e rgb(173,197,78)
```
#b4ca5d
```
#b4ca5d rgb(180,202,93)
```
#bbcf6c
```
#bbcf6c rgb(187,207,108)
```
#c2d47a
```
#c2d47a rgb(194,212,122)
```
#c9d989
```
#c9d989 rgb(201,217,137)
```
#cfdd98
```
#cfdd98 rgb(207,221,152)
```
#d6e2a7
```
#d6e2a7 rgb(214,226,167)
```
#dde7b6
```
#dde7b6 rgb(221,231,182)
```
#e4ecc4
```
#e4ecc4 rgb(228,236,196)
```
#ebf1d3
```
#ebf1d3 rgb(235,241,211)
```
#f2f6e2
```
#f2f6e2 rgb(242,246,226)
```
#f8faf1
```
#f8faf1 rgb(248,250,241)
```

Tint Color Variation

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

#474842
```
#474842 rgb(71,72,66)
```
#4a4d3d
```
#4a4d3d rgb(74,77,61)
```
#4d5337
```
#4d5337 rgb(77,83,55)
```
#505832
```
#505832 rgb(80,88,50)
```
#545d2d
```
#545d2d rgb(84,93,45)
```
#576327
```
#576327 rgb(87,99,39)
```
#5a6822
```
#5a6822 rgb(90,104,34)
```
#5d6d1d
```
#5d6d1d rgb(93,109,29)
```
#607317
```
#607317 rgb(96,115,23)
```
#647812
```
#647812 rgb(100,120,18)
```
#677d0d
```
#677d0d rgb(103,125,13)
```
#6a8307
```
#6a8307 rgb(106,131,7)
```
#6d8802
```
#6d8802 rgb(109,136,2)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5c5e50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#756a2b Protanopia 1% of men
#826531 Deuteranopia 1% of men
#6a6970 Tritanopia 0.001% of the population

Trichromacy

#6b6928 Protanomaly 1% of men, 0.01% of women
#73662b Deuteranomaly 6% of men, 0.4% of women
#646854 Tritanomaly 0.01% of the population