#a48e22 hex color

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

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

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

The hexadecimal color #a48e22 has RGB values of R:164, G:142, B:34 and CMYK values of C:0, M:0.13, Y:0.79, K:0.36. Its decimal value is 10784290.

Hex triplet	a48e22	`#a48e22`
RGB Decimal	164, 142, 34	`rgb(164,142,34)`
RGB Percent	64.3, 55.7, 13.3	`rgb(64.3%,55.7%,13.3%)`
CMYK	0, 13, 79, 36
HSL	49.8°, 65.7, 38.8	`hsl(49.8,65.7%,38.8%)`
HSV (or HSB)	49.8°, 79.3, 64.3
Web Safe	999933	`#999933`

CIE-LAB	59.301, -3.059, 56.068
XYZ	25.272, 27.355, 5.462
xyY	0.435, 0.471, 27.355
CIE-LCH	59.301, 56.151, 93.123
CIE-LUV	59.301, 19.9, 58.869
Hunter-Lab	52.302, -5.279, 30.419
Binary	10100100, 10001110, 00100010

#a48e22
```
#a48e22 rgb(164,142,34)
```
#2238a4
```
#2238a4 rgb(34,56,164)
```

Complementary Color

#a44d22
```
#a44d22 rgb(164,77,34)
```
#a48e22
```
#a48e22 rgb(164,142,34)
```
#79a422
```
#79a422 rgb(121,164,34)
```

Analogous Color

#4d22a4
```
#4d22a4 rgb(77,34,164)
```
#a48e22
```
#a48e22 rgb(164,142,34)
```
#2279a4
```
#2279a4 rgb(34,121,164)
```

Split Complementary Color

#8e22a4
```
#8e22a4 rgb(142,34,164)
```
#a48e22
```
#a48e22 rgb(164,142,34)
```
#22a48e
```
#22a48e rgb(34,164,142)
```

Triadic Color

#a42238
```
#a42238 rgb(164,34,56)
```
#a48e22
```
#a48e22 rgb(164,142,34)
```
#22a48e
```
#22a48e rgb(34,164,142)
```
#2238a4
```
#2238a4 rgb(34,56,164)
```

Tetradic Color

#655715
```
#655715 rgb(101,87,21)
```
#7a6919
```
#7a6919 rgb(122,105,25)
```
#8f7c1e
```
#8f7c1e rgb(143,124,30)
```
#a48e22
```
#a48e22 rgb(164,142,34)
```
#b9a026
```
#b9a026 rgb(185,160,38)
```
#ceb32b
```
#ceb32b rgb(206,179,43)
```
#d7bc3c
```
#d7bc3c rgb(215,188,60)
```

Monochromatic Color

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

#a46e22
```
#a46e22 rgb(164,110,34)
```
#a47822
```
#a47822 rgb(164,120,34)
```
#a48322
```
#a48322 rgb(164,131,34)
```
#a48e22
```
#a48e22 rgb(164,142,34)
```
#a49922
```
#a49922 rgb(164,153,34)
```
#a4a422
```
#a4a422 rgb(164,164,34)
```
#9aa422
```
#9aa422 rgb(154,164,34)
```

Similar Colors

Text with hexadecimal color #a48e22

This text has a font color of #a48e22.

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

#a48e22 background color

This paragraph has a background color of #a48e22.

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

#a48e22 border color

This element has a border color of #a48e22.

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

CSS codes

.text {color:#a48e22;}

.background {background-color:#a48e22;}

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

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)
```
#322c0a
```
#322c0a rgb(50,44,10)
```
#433a0e
```
#433a0e rgb(67,58,14)
```
#534811
```
#534811 rgb(83,72,17)
```
#635615
```
#635615 rgb(99,86,21)
```
#736418
```
#736418 rgb(115,100,24)
```
#84721b
```
#84721b rgb(132,114,27)
```
#94801f
```
#94801f rgb(148,128,31)
```
#a48e22
```
#a48e22 rgb(164,142,34)
```
#b49c25
```
#b49c25 rgb(180,156,37)
```
#c4aa29
```
#c4aa29 rgb(196,170,41)
```

Shade Color Variation

#d4b72d
```
#d4b72d rgb(212,183,45)
```
#d7bd3e
```
#d7bd3e rgb(215,189,62)
```
#dac24e
```
#dac24e rgb(218,194,78)
```
#dec85e
```
#dec85e rgb(222,200,94)
```
#e1ce6e
```
#e1ce6e rgb(225,206,110)
```
#e4d37f
```
#e4d37f rgb(228,211,127)
```
#e8d98f
```
#e8d98f rgb(232,217,143)
```
#ebde9f
```
#ebde9f rgb(235,222,159)
```
#eee4af
```
#eee4af rgb(238,228,175)
```
#f2e9c0
```
#f2e9c0 rgb(242,233,192)
```
#f5efd0
```
#f5efd0 rgb(245,239,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, #67665f is the less saturated color, while #c2a204 is the most saturated one.

#67665f
```
#67665f rgb(103,102,95)
```
#6f6b57
```
#6f6b57 rgb(111,107,87)
```
#767050
```
#767050 rgb(118,112,80)
```
#7e7548
```
#7e7548 rgb(126,117,72)
```
#867a40
```
#867a40 rgb(134,122,64)
```
#8d7f39
```
#8d7f39 rgb(141,127,57)
```
#958431
```
#958431 rgb(149,132,49)
```
#9c892a
```
#9c892a rgb(156,137,42)
```
#a48e22
```
#a48e22 rgb(164,142,34)
```
#ac931a
```
#ac931a rgb(172,147,26)
```
#b39813
```
#b39813 rgb(179,152,19)
```
#bb9d0b
```
#bb9d0b rgb(187,157,11)
```
#c2a204
```
#c2a204 rgb(194,162,4)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#8e8974 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5942d Protanopia 1% of men
#b88d30 Deuteranopia 1% of men
#b08a94 Tritanopia 0.001% of the population

Trichromacy

#a59229 Protanomaly 1% of men, 0.01% of women
#b18d2b Deuteranomaly 6% of men, 0.4% of women
#ac8b6a Tritanomaly 0.01% of the population

#a48e22 hex color

#a48e22 Color Information

#a48e22 Color Conversion

Color Schemes with #a48e22

Alternatives to #a48e22

#a48e22 Preview

Shades and Tints of #a48e22

Tones of #a48e22

Color Blindness Simulator