colorhexa.com

#8caa31 hex color

In a RGB color space, hex #8caa31 is composed of 54.9% red, 66.7% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 0% magenta, 71.2% yellow and 33.3% black. It has a hue angle of 74.9 degrees, a saturation of 55.3% and a lightness of 42.9%. #8caa31 color hex could be obtained by blending #ffff62 with #195500. Closest websafe color is: #999933.

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

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

The hexadecimal color #8caa31 has RGB values of R:140, G:170, B:49 and CMYK values of C:0.18, M:0, Y:0.71, K:0.33. Its decimal value is 9218609.

Hex triplet	8caa31	`#8caa31`
RGB Decimal	140, 170, 49	`rgb(140,170,49)`
RGB Percent	54.9, 66.7, 19.2	`rgb(54.9%,66.7%,19.2%)`
CMYK	18, 0, 71, 33
HSL	74.9°, 55.3, 42.9	`hsl(74.9,55.3%,42.9%)`
HSV (or HSB)	74.9°, 71.2, 66.7
Web Safe	999933	`#999933`

CIE-LAB	65.394, -27.33, 55.815
XYZ	25.744, 34.546, 8.217
xyY	0.376, 0.504, 34.546
CIE-LCH	65.394, 62.147, 116.089
CIE-LUV	65.394, -14.225, 66.721
Hunter-Lab	58.776, -24.675, 32.854
Binary	10001100, 10101010, 00110001

#8caa31
```
#8caa31 rgb(140,170,49)
```
#4f31aa
```
#4f31aa rgb(79,49,170)
```

Complementary Color

#aa8c31
```
#aa8c31 rgb(170,140,49)
```
#8caa31
```
#8caa31 rgb(140,170,49)
```
#50aa31
```
#50aa31 rgb(80,170,49)
```

Analogous Color

#8c31aa
```
#8c31aa rgb(140,49,170)
```
#8caa31
```
#8caa31 rgb(140,170,49)
```
#3150aa
```
#3150aa rgb(49,80,170)
```

Split Complementary Color

#aa318c
```
#aa318c rgb(170,49,140)
```
#8caa31
```
#8caa31 rgb(140,170,49)
```
#318caa
```
#318caa rgb(49,140,170)
```

Triadic Color

#aa4f31
```
#aa4f31 rgb(170,79,49)
```
#8caa31
```
#8caa31 rgb(140,170,49)
```
#318caa
```
#318caa rgb(49,140,170)
```
#4f31aa
```
#4f31aa rgb(79,49,170)
```

Tetradic Color

#5b6f20
```
#5b6f20 rgb(91,111,32)
```
#6b8226
```
#6b8226 rgb(107,130,38)
```
#7c962b
```
#7c962b rgb(124,150,43)
```
#8caa31
```
#8caa31 rgb(140,170,49)
```
#9cbe37
```
#9cbe37 rgb(156,190,55)
```
#a8c945
```
#a8c945 rgb(168,201,69)
```
#b2cf58
```
#b2cf58 rgb(178,207,88)
```

Monochromatic Color

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

#aaaa31
```
#aaaa31 rgb(170,170,49)
```
#a0aa31
```
#a0aa31 rgb(160,170,49)
```
#96aa31
```
#96aa31 rgb(150,170,49)
```
#8caa31
```
#8caa31 rgb(140,170,49)
```
#82aa31
```
#82aa31 rgb(130,170,49)
```
#78aa31
```
#78aa31 rgb(120,170,49)
```
#6eaa31
```
#6eaa31 rgb(110,170,49)
```

Similar Colors

Text with hexadecimal color #8caa31

This text has a font color of #8caa31.

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

#8caa31 background color

This paragraph has a background color of #8caa31.

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

#8caa31 border color

This element has a border color of #8caa31.

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

CSS codes

.text {color:#8caa31;}

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

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0f1205
```
#0f1205 rgb(15,18,5)
```
#1b210a
```
#1b210a rgb(27,33,10)
```
#28300e
```
#28300e rgb(40,48,14)
```
#343f12
```
#343f12 rgb(52,63,18)
```
#414f17
```
#414f17 rgb(65,79,23)
```
#4d5e1b
```
#4d5e1b rgb(77,94,27)
```
#5a6d1f
```
#5a6d1f rgb(90,109,31)
```
#667c24
```
#667c24 rgb(102,124,36)
```
#738c28
```
#738c28 rgb(115,140,40)
```
#7f9b2d
```
#7f9b2d rgb(127,155,45)
```
#8caa31
```
#8caa31 rgb(140,170,49)
```
#99b935
```
#99b935 rgb(153,185,53)
```

Shade Color Variation

#a4c73c
```
#a4c73c rgb(164,199,60)
```
#abcb4b
```
#abcb4b rgb(171,203,75)
```
#b2cf5a
```
#b2cf5a rgb(178,207,90)
```
#b9d469
```
#b9d469 rgb(185,212,105)
```
#c0d878
```
#c0d878 rgb(192,216,120)
```
#c8dd88
```
#c8dd88 rgb(200,221,136)
```
#cfe197
```
#cfe197 rgb(207,225,151)
```
#d6e5a6
```
#d6e5a6 rgb(214,229,166)
```
#ddeab5
```
#ddeab5 rgb(221,234,181)
```
#e4eec5
```
#e4eec5 rgb(228,238,197)
```
#ebf3d4
```
#ebf3d4 rgb(235,243,212)
```
#f2f7e3
```
#f2f7e3 rgb(242,247,227)
```
#f9fbf2
```
#f9fbf2 rgb(249,251,242)
```

Tint Color Variation

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

#6e6f6c
```
#6e6f6c rgb(110,111,108)
```
#737764
```
#737764 rgb(115,119,100)
```
#77805b
```
#77805b rgb(119,128,91)
```
#7b8853
```
#7b8853 rgb(123,136,83)
```
#7f914a
```
#7f914a rgb(127,145,74)
```
#849942
```
#849942 rgb(132,153,66)
```
#88a239
```
#88a239 rgb(136,162,57)
```
#8caa31
```
#8caa31 rgb(140,170,49)
```
#90b229
```
#90b229 rgb(144,178,41)
```
#94bb20
```
#94bb20 rgb(148,187,32)
```
#99c318
```
#99c318 rgb(153,195,24)
```
#9dcc0f
```
#9dcc0f rgb(157,204,15)
```
#a1d407
```
#a1d407 rgb(161,212,7)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#92987f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a438 Protanopia 1% of men
#ca9c43 Deuteranopia 1% of men
#a0a3af Tritanopia 0.001% of the population

Trichromacy

#a7a636 Protanomaly 1% of men, 0.01% of women
#b3a13d Deuteranomaly 6% of men, 0.4% of women
#98a581 Tritanomaly 0.01% of the population