colorhexa.com

#8caa22 hex color

In a RGB color space, hex #8caa22 is composed of 54.9% red, 66.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 0% magenta, 80% yellow and 33.3% black. It has a hue angle of 73.2 degrees, a saturation of 66.7% and a lightness of 40%. #8caa22 color hex could be obtained by blending #ffff44 with #195500. Closest websafe color is: #999933.

- R 55
- G 67
- B 13
RGB color chart
- C 18
- M 0
- Y 80
- K 33
CMYK color chart

● #8caa22 color description : Dark yellow [Olive tone].

The hexadecimal color #8caa22 has RGB values of R:140, G:170, B:34 and CMYK values of C:0.18, M:0, Y:0.8, K:0.33. Its decimal value is 9218594.

Hex triplet	8caa22	`#8caa22`
RGB Decimal	140, 170, 34	`rgb(140,170,34)`
RGB Percent	54.9, 66.7, 13.3	`rgb(54.9%,66.7%,13.3%)`
CMYK	18, 0, 80, 33
HSL	73.2°, 66.7, 40	`hsl(73.2,66.7%,40%)`
HSV (or HSB)	73.2°, 80, 66.7
Web Safe	999933	`#999933`

CIE-LAB	65.31, -28.086, 60.768
XYZ	25.478, 34.44, 6.819
xyY	0.382, 0.516, 34.44
CIE-LCH	65.31, 66.945, 114.806
CIE-LUV	65.31, -14.155, 70.19
Hunter-Lab	58.686, -25.204, 34.191
Binary	10001100, 10101010, 00100010

#8caa22
```
#8caa22 rgb(140,170,34)
```
#4022aa
```
#4022aa rgb(64,34,170)
```

Complementary Color

#aa8422
```
#aa8422 rgb(170,132,34)
```
#8caa22
```
#8caa22 rgb(140,170,34)
```
#48aa22
```
#48aa22 rgb(72,170,34)
```

Analogous Color

#8422aa
```
#8422aa rgb(132,34,170)
```
#8caa22
```
#8caa22 rgb(140,170,34)
```
#2248aa
```
#2248aa rgb(34,72,170)
```

Split Complementary Color

#aa228c
```
#aa228c rgb(170,34,140)
```
#8caa22
```
#8caa22 rgb(140,170,34)
```
#228caa
```
#228caa rgb(34,140,170)
```

Triadic Color

#aa4022
```
#aa4022 rgb(170,64,34)
```
#8caa22
```
#8caa22 rgb(140,170,34)
```
#228caa
```
#228caa rgb(34,140,170)
```
#4022aa
```
#4022aa rgb(64,34,170)
```

Tetradic Color

#586a15
```
#586a15 rgb(88,106,21)
```
#69801a
```
#69801a rgb(105,128,26)
```
#7b951e
```
#7b951e rgb(123,149,30)
```
#8caa22
```
#8caa22 rgb(140,170,34)
```
#9ebf26
```
#9ebf26 rgb(158,191,38)
```
#afd52b
```
#afd52b rgb(175,213,43)
```
#b7d940
```
#b7d940 rgb(183,217,64)
```

Monochromatic Color

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

#aaa622
```
#aaa622 rgb(170,166,34)
```
#a3aa22
```
#a3aa22 rgb(163,170,34)
```
#97aa22
```
#97aa22 rgb(151,170,34)
```
#8caa22
```
#8caa22 rgb(140,170,34)
```
#81aa22
```
#81aa22 rgb(129,170,34)
```
#75aa22
```
#75aa22 rgb(117,170,34)
```
#6aaa22
```
#6aaa22 rgb(106,170,34)
```

Similar Colors

Text with hexadecimal color #8caa22

This text has a font color of #8caa22.

<span style="color:#8caa22;">Text here</span>

#8caa22 background color

This paragraph has a background color of #8caa22.

<p style="background-color:#8caa22;">Content here</p>

#8caa22 border color

This element has a border color of #8caa22.

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

CSS codes

.text {color:#8caa22;}

.background {background-color:#8caa22;}

.border {border:1px solid #8caa22;}

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

#050701
```
#050701 rgb(5,7,1)
```
#131705
```
#131705 rgb(19,23,5)
```
#202708
```
#202708 rgb(32,39,8)
```
#2e380b
```
#2e380b rgb(46,56,11)
```
#3b480e
```
#3b480e rgb(59,72,14)
```
#495812
```
#495812 rgb(73,88,18)
```
#566915
```
#566915 rgb(86,105,21)
```
#647918
```
#647918 rgb(100,121,24)
```
#71891b
```
#71891b rgb(113,137,27)
```
#7f9a1f
```
#7f9a1f rgb(127,154,31)
```
#8caa22
```
#8caa22 rgb(140,170,34)
```
#99ba25
```
#99ba25 rgb(153,186,37)
```
#a7cb29
```
#a7cb29 rgb(167,203,41)
```

Shade Color Variation

#b1d631
```
#b1d631 rgb(177,214,49)
```
#b8d941
```
#b8d941 rgb(184,217,65)
```
#bedc52
```
#bedc52 rgb(190,220,82)
```
#c4e062
```
#c4e062 rgb(196,224,98)
```
#cae372
```
#cae372 rgb(202,227,114)
```
#d0e683
```
#d0e683 rgb(208,230,131)
```
#d6e993
```
#d6e993 rgb(214,233,147)
```
#ddeda3
```
#ddeda3 rgb(221,237,163)
```
#e3f0b4
```
#e3f0b4 rgb(227,240,180)
```
#e9f3c4
```
#e9f3c4 rgb(233,243,196)
```
#eff7d5
```
#eff7d5 rgb(239,247,213)
```
#f5fae5
```
#f5fae5 rgb(245,250,229)
```
#fbfdf5
```
#fbfdf5 rgb(251,253,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696b61 is the less saturated color, while #9ec903 is the most saturated one.

#696b61
```
#696b61 rgb(105,107,97)
```
#6d7359
```
#6d7359 rgb(109,115,89)
```
#727b51
```
#727b51 rgb(114,123,81)
```
#768349
```
#768349 rgb(118,131,73)
```
#7a8b41
```
#7a8b41 rgb(122,139,65)
```
#7f923a
```
#7f923a rgb(127,146,58)
```
#839a32
```
#839a32 rgb(131,154,50)
```
#88a22a
```
#88a22a rgb(136,162,42)
```
#8caa22
```
#8caa22 rgb(140,170,34)
```
#90b21a
```
#90b21a rgb(144,178,26)
```
#95ba12
```
#95ba12 rgb(149,186,18)
```
#99c20a
```
#99c20a rgb(153,194,10)
```
#9ec903
```
#9ec903 rgb(158,201,3)
```

Tone Color Variation

Below, you can see how #8caa22 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

#929292 Achromatopsia 0.005% of the population
#91977c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a32a Protanopia 1% of men
#ca9b38 Deuteranopia 1% of men
#a0a3ae Tritanopia 0.001% of the population

Trichromacy

#a7a627 Protanomaly 1% of men, 0.01% of women
#b4a130 Deuteranomaly 6% of men, 0.4% of women
#99a57b Tritanomaly 0.01% of the population