#a5a222 hex color

In a RGB color space, hex #a5a222 is composed of 64.7% red, 63.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.8% magenta, 79.4% yellow and 35.3% black. It has a hue angle of 58.6 degrees, a saturation of 65.8% and a lightness of 39%. #a5a222 color hex could be obtained by blending #ffff44 with #4b4500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 65
- G 64
- B 13
RGB color chart
- C 0
- M 2
- Y 79
- K 35
CMYK color chart

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

The hexadecimal color #a5a222 has RGB values of R:165, G:162, B:34 and CMYK values of C:0, M:0.02, Y:0.79, K:0.35. Its decimal value is 10854946.

Hex triplet	a5a222	`#a5a222`
RGB Decimal	165, 162, 34	`rgb(165,162,34)`
RGB Percent	64.7, 63.5, 13.3	`rgb(64.7%,63.5%,13.3%)`
CMYK	0, 2, 79, 35
HSL	58.6°, 65.8, 39	`hsl(58.6,65.8%,39%)`
HSV (or HSB)	58.6°, 79.4, 64.7
Web Safe	999933	`#999933`

CIE-LAB	64.928, -13.282, 61.148
XYZ	28.726, 33.956, 6.554
xyY	0.415, 0.49, 33.956
CIE-LCH	64.928, 62.574, 102.255
CIE-LUV	64.928, 6.907, 67.193
Hunter-Lab	58.272, -13.981, 34.121
Binary	10100101, 10100010, 00100010

#a5a222
```
#a5a222 rgb(165,162,34)
```
#2225a5
```
#2225a5 rgb(34,37,165)
```

Complementary Color

#a56122
```
#a56122 rgb(165,97,34)
```
#a5a222
```
#a5a222 rgb(165,162,34)
```
#67a522
```
#67a522 rgb(103,165,34)
```

Analogous Color

#6122a5
```
#6122a5 rgb(97,34,165)
```
#a5a222
```
#a5a222 rgb(165,162,34)
```
#2267a5
```
#2267a5 rgb(34,103,165)
```

Split Complementary Color

#a222a5
```
#a222a5 rgb(162,34,165)
```
#a5a222
```
#a5a222 rgb(165,162,34)
```
#22a5a2
```
#22a5a2 rgb(34,165,162)
```

Triadic Color

#a52225
```
#a52225 rgb(165,34,37)
```
#a5a222
```
#a5a222 rgb(165,162,34)
```
#22a5a2
```
#22a5a2 rgb(34,165,162)
```
#2225a5
```
#2225a5 rgb(34,37,165)
```

Tetradic Color

#666415
```
#666415 rgb(102,100,21)
```
#7b7819
```
#7b7819 rgb(123,120,25)
```
#908d1e
```
#908d1e rgb(144,141,30)
```
#a5a222
```
#a5a222 rgb(165,162,34)
```
#bab726
```
#bab726 rgb(186,183,38)
```
#cfcc2b
```
#cfcc2b rgb(207,204,43)
```
#d7d33d
```
#d7d33d rgb(215,211,61)
```

Monochromatic Color

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

#a58122
```
#a58122 rgb(165,129,34)
```
#a58c22
```
#a58c22 rgb(165,140,34)
```
#a59722
```
#a59722 rgb(165,151,34)
```
#a5a222
```
#a5a222 rgb(165,162,34)
```
#9da522
```
#9da522 rgb(157,165,34)
```
#92a522
```
#92a522 rgb(146,165,34)
```
#87a522
```
#87a522 rgb(135,165,34)
```

Similar Colors

Text with hexadecimal color #a5a222

This text has a font color of #a5a222.

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

#a5a222 background color

This paragraph has a background color of #a5a222.

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

#a5a222 border color

This element has a border color of #a5a222.

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

CSS codes

.text {color:#a5a222;}

.background {background-color:#a5a222;}

.border {border:1px solid #a5a222;}

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

#020200
```
#020200 rgb(2,2,0)
```
#131204
```
#131204 rgb(19,18,4)
```
#232207
```
#232207 rgb(35,34,7)
```
#33320b
```
#33320b rgb(51,50,11)
```
#43420e
```
#43420e rgb(67,66,14)
```
#545211
```
#545211 rgb(84,82,17)
```
#646215
```
#646215 rgb(100,98,21)
```
#747218
```
#747218 rgb(116,114,24)
```
#84821b
```
#84821b rgb(132,130,27)
```
#95921f
```
#95921f rgb(149,146,31)
```
#a5a222
```
#a5a222 rgb(165,162,34)
```
#b5b225
```
#b5b225 rgb(181,178,37)
```
#c6c229
```
#c6c229 rgb(198,194,41)
```

Shade Color Variation

#d4d02e
```
#d4d02e rgb(212,208,46)
```
#d7d43e
```
#d7d43e rgb(215,212,62)
```
#dbd74e
```
#dbd74e rgb(219,215,78)
```
#dedb5f
```
#dedb5f rgb(222,219,95)
```
#e1df6f
```
#e1df6f rgb(225,223,111)
```
#e5e27f
```
#e5e27f rgb(229,226,127)
```
#e8e690
```
#e8e690 rgb(232,230,144)
```
#ebeaa0
```
#ebeaa0 rgb(235,234,160)
```
#efedb0
```
#efedb0 rgb(239,237,176)
```
#f2f1c0
```
#f2f1c0 rgb(242,241,192)
```
#f5f5d1
```
#f5f5d1 rgb(245,245,209)
```
#f9f8e1
```
#f9f8e1 rgb(249,248,225)
```
#fcfcf1
```
#fcfcf1 rgb(252,252,241)
```

Tint Color Variation

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

#68685f
```
#68685f rgb(104,104,95)
```
#6f6f58
```
#6f6f58 rgb(111,111,88)
```
#777650
```
#777650 rgb(119,118,80)
```
#7f7d48
```
#7f7d48 rgb(127,125,72)
```
#868541
```
#868541 rgb(134,133,65)
```
#8e8c39
```
#8e8c39 rgb(142,140,57)
```
#969331
```
#969331 rgb(150,147,49)
```
#9d9b2a
```
#9d9b2a rgb(157,155,42)
```
#a5a222
```
#a5a222 rgb(165,162,34)
```
#ada91a
```
#ada91a rgb(173,169,26)
```
#b4b113
```
#b4b113 rgb(180,177,19)
```
#bcb80b
```
#bcb80b rgb(188,184,11)
```
#c4bf03
```
#c4bf03 rgb(196,191,3)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#97977d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a22c Protanopia 1% of men
#ca9a34 Deuteranopia 1% of men
#b49ca7 Tritanopia 0.001% of the population

Trichromacy

#afa228 Protanomaly 1% of men, 0.01% of women
#bc9d2d Deuteranomaly 6% of men, 0.4% of women
#ae9e76 Tritanomaly 0.01% of the population

#a5a222 hex color

#a5a222 Color Information

#a5a222 Color Conversion

Color Schemes with #a5a222

Alternatives to #a5a222

#a5a222 Preview

Shades and Tints of #a5a222

Tones of #a5a222

Color Blindness Simulator