#a48a22 hex color

In a RGB color space, hex #a48a22 is composed of 64.3% red, 54.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.9% magenta, 79.3% yellow and 35.7% black. It has a hue angle of 48 degrees, a saturation of 65.7% and a lightness of 38.8%. #a48a22 color hex could be obtained by blending #ffff44 with #491500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 64
- G 54
- B 13
RGB color chart
- C 0
- M 16
- Y 79
- K 36
CMYK color chart

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

The hexadecimal color #a48a22 has RGB values of R:164, G:138, B:34 and CMYK values of C:0, M:0.16, Y:0.79, K:0.36. Its decimal value is 10783266.

Hex triplet	a48a22	`#a48a22`
RGB Decimal	164, 138, 34	`rgb(164,138,34)`
RGB Percent	64.3, 54.1, 13.3	`rgb(64.3%,54.1%,13.3%)`
CMYK	0, 16, 79, 36
HSL	48°, 65.7, 38.8	`hsl(48,65.7%,38.8%)`
HSV (or HSB)	48°, 79.3, 64.3
Web Safe	999933	`#999933`

CIE-LAB	58.213, -0.866, 55.079
XYZ	24.687, 26.186, 5.267
xyY	0.44, 0.466, 26.186
CIE-LCH	58.213, 55.086, 90.901
CIE-LUV	58.213, 22.758, 57.208
Hunter-Lab	51.172, -3.436, 29.718
Binary	10100100, 10001010, 00100010

#a48a22
```
#a48a22 rgb(164,138,34)
```
#223ca4
```
#223ca4 rgb(34,60,164)
```

Complementary Color

#a44922
```
#a44922 rgb(164,73,34)
```
#a48a22
```
#a48a22 rgb(164,138,34)
```
#7da422
```
#7da422 rgb(125,164,34)
```

Analogous Color

#4922a4
```
#4922a4 rgb(73,34,164)
```
#a48a22
```
#a48a22 rgb(164,138,34)
```
#227da4
```
#227da4 rgb(34,125,164)
```

Split Complementary Color

#8a22a4
```
#8a22a4 rgb(138,34,164)
```
#a48a22
```
#a48a22 rgb(164,138,34)
```
#22a48a
```
#22a48a rgb(34,164,138)
```

Triadic Color

#a4223c
```
#a4223c rgb(164,34,60)
```
#a48a22
```
#a48a22 rgb(164,138,34)
```
#22a48a
```
#22a48a rgb(34,164,138)
```
#223ca4
```
#223ca4 rgb(34,60,164)
```

Tetradic Color

#655515
```
#655515 rgb(101,85,21)
```
#7a6619
```
#7a6619 rgb(122,102,25)
```
#8f781e
```
#8f781e rgb(143,120,30)
```
#a48a22
```
#a48a22 rgb(164,138,34)
```
#b99c26
```
#b99c26 rgb(185,156,38)
```
#ceae2b
```
#ceae2b rgb(206,174,43)
```
#d7b83c
```
#d7b83c rgb(215,184,60)
```

Monochromatic Color

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

#a46a22
```
#a46a22 rgb(164,106,34)
```
#a47422
```
#a47422 rgb(164,116,34)
```
#a47f22
```
#a47f22 rgb(164,127,34)
```
#a48a22
```
#a48a22 rgb(164,138,34)
```
#a49522
```
#a49522 rgb(164,149,34)
```
#a4a022
```
#a4a022 rgb(164,160,34)
```
#9ea422
```
#9ea422 rgb(158,164,34)
```

Similar Colors

Text with hexadecimal color #a48a22

This text has a font color of #a48a22.

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

#a48a22 background color

This paragraph has a background color of #a48a22.

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

#a48a22 border color

This element has a border color of #a48a22.

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

CSS codes

.text {color:#a48a22;}

.background {background-color:#a48a22;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120f04
```
#120f04 rgb(18,15,4)
```
#221d07
```
#221d07 rgb(34,29,7)
```
#322a0a
```
#322a0a rgb(50,42,10)
```
#43380e
```
#43380e rgb(67,56,14)
```
#534611
```
#534611 rgb(83,70,17)
```
#635315
```
#635315 rgb(99,83,21)
```
#736118
```
#736118 rgb(115,97,24)
```
#846f1b
```
#846f1b rgb(132,111,27)
```
#947c1f
```
#947c1f rgb(148,124,31)
```
#a48a22
```
#a48a22 rgb(164,138,34)
```
#b49825
```
#b49825 rgb(180,152,37)
```
#c4a529
```
#c4a529 rgb(196,165,41)
```

Shade Color Variation

#d4b22d
```
#d4b22d rgb(212,178,45)
```
#d7b83e
```
#d7b83e rgb(215,184,62)
```
#dabe4e
```
#dabe4e rgb(218,190,78)
```
#dec45e
```
#dec45e rgb(222,196,94)
```
#e1ca6e
```
#e1ca6e rgb(225,202,110)
```
#e4d07f
```
#e4d07f rgb(228,208,127)
```
#e8d68f
```
#e8d68f rgb(232,214,143)
```
#ebdc9f
```
#ebdc9f rgb(235,220,159)
```
#eee2af
```
#eee2af rgb(238,226,175)
```
#f2e8c0
```
#f2e8c0 rgb(242,232,192)
```
#f5eed0
```
#f5eed0 rgb(245,238,208)
```
#f9f4e0
```
#f9f4e0 rgb(249,244,224)
```
#fcfaf0
```
#fcfaf0 rgb(252,250,240)
```

Tint Color Variation

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

#67655f
```
#67655f rgb(103,101,95)
```
#6f6a57
```
#6f6a57 rgb(111,106,87)
```
#766f50
```
#766f50 rgb(118,111,80)
```
#7e7348
```
#7e7348 rgb(126,115,72)
```
#867840
```
#867840 rgb(134,120,64)
```
#8d7c39
```
#8d7c39 rgb(141,124,57)
```
#958131
```
#958131 rgb(149,129,49)
```
#9c852a
```
#9c852a rgb(156,133,42)
```
#a48a22
```
#a48a22 rgb(164,138,34)
```
#ac8f1a
```
#ac8f1a rgb(172,143,26)
```
#b39313
```
#b39313 rgb(179,147,19)
```
#bb980b
```
#bb980b rgb(187,152,11)
```
#c29c04
```
#c29c04 rgb(194,156,4)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#8c8772 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2922e Protanopia 1% of men
#b58b30 Deuteranopia 1% of men
#b08790 Tritanopia 0.001% of the population

Trichromacy

#a38f29 Protanomaly 1% of men, 0.01% of women
#ae8a2a Deuteranomaly 6% of men, 0.4% of women
#ab8868 Tritanomaly 0.01% of the population

#a48a22 hex color

#a48a22 Color Information

#a48a22 Color Conversion

Color Schemes with #a48a22

Alternatives to #a48a22

#a48a22 Preview

Shades and Tints of #a48a22

Tones of #a48a22

Color Blindness Simulator