colorhexa.com

#a48e1f hex color

In a RGB color space, hex #a48e1f is composed of 64.3% red, 55.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.4% magenta, 81.1% yellow and 35.7% black. It has a hue angle of 50.1 degrees, a saturation of 68.2% and a lightness of 38.2%. #a48e1f color hex could be obtained by blending #ffff3e with #491d00. Closest websafe color is: #999933.

- R 64
- G 56
- B 12
RGB color chart
- C 0
- M 13
- Y 81
- K 36
CMYK color chart

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

The hexadecimal color #a48e1f has RGB values of R:164, G:142, B:31 and CMYK values of C:0, M:0.13, Y:0.81, K:0.36. Its decimal value is 10784287.

Hex triplet	a48e1f	`#a48e1f`
RGB Decimal	164, 142, 31	`rgb(164,142,31)`
RGB Percent	64.3, 55.7, 12.2	`rgb(64.3%,55.7%,12.2%)`
CMYK	0, 13, 81, 36
HSL	50.1°, 68.2, 38.2	`hsl(50.1,68.2%,38.2%)`
HSV (or HSB)	50.1°, 81.1, 64.3
Web Safe	999933	`#999933`

CIE-LAB	59.286, -3.169, 57.037
XYZ	25.23, 27.338, 5.244
xyY	0.436, 0.473, 27.338
CIE-LCH	59.286, 57.125, 93.18
CIE-LUV	59.286, 19.973, 59.478
Hunter-Lab	52.286, -5.366, 30.654
Binary	10100100, 10001110, 00011111

#a48e1f
```
#a48e1f rgb(164,142,31)
```
#1f35a4
```
#1f35a4 rgb(31,53,164)
```

Complementary Color

#a44c1f
```
#a44c1f rgb(164,76,31)
```
#a48e1f
```
#a48e1f rgb(164,142,31)
```
#78a41f
```
#78a41f rgb(120,164,31)
```

Analogous Color

#4c1fa4
```
#4c1fa4 rgb(76,31,164)
```
#a48e1f
```
#a48e1f rgb(164,142,31)
```
#1f78a4
```
#1f78a4 rgb(31,120,164)
```

Split Complementary Color

#8e1fa4
```
#8e1fa4 rgb(142,31,164)
```
#a48e1f
```
#a48e1f rgb(164,142,31)
```
#1fa48e
```
#1fa48e rgb(31,164,142)
```

Triadic Color

#a41f35
```
#a41f35 rgb(164,31,53)
```
#a48e1f
```
#a48e1f rgb(164,142,31)
```
#1fa48e
```
#1fa48e rgb(31,164,142)
```
#1f35a4
```
#1f35a4 rgb(31,53,164)
```

Tetradic Color

#645613
```
#645613 rgb(100,86,19)
```
#796917
```
#796917 rgb(121,105,23)
```
#8f7b1b
```
#8f7b1b rgb(143,123,27)
```
#a48e1f
```
#a48e1f rgb(164,142,31)
```
#b9a123
```
#b9a123 rgb(185,161,35)
```
#cfb327
```
#cfb327 rgb(207,179,39)
```
#d9be36
```
#d9be36 rgb(217,190,54)
```

Monochromatic Color

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

#a46d1f
```
#a46d1f rgb(164,109,31)
```
#a4781f
```
#a4781f rgb(164,120,31)
```
#a4831f
```
#a4831f rgb(164,131,31)
```
#a48e1f
```
#a48e1f rgb(164,142,31)
```
#a4991f
```
#a4991f rgb(164,153,31)
```
#a4a41f
```
#a4a41f rgb(164,164,31)
```
#99a41f
```
#99a41f rgb(153,164,31)
```

Similar Colors

Text with hexadecimal color #a48e1f

This text has a font color of #a48e1f.

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

#a48e1f background color

This paragraph has a background color of #a48e1f.

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

#a48e1f border color

This element has a border color of #a48e1f.

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

CSS codes

.text {color:#a48e1f;}

.background {background-color:#a48e1f;}

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

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, #100d03 is the darkest color, while #fffffe is the lightest one.

#100d03
```
#100d03 rgb(16,13,3)
```
#201c06
```
#201c06 rgb(32,28,6)
```
#312a09
```
#312a09 rgb(49,42,9)
```
#41380c
```
#41380c rgb(65,56,12)
```
#52470f
```
#52470f rgb(82,71,15)
```
#625513
```
#625513 rgb(98,85,19)
```
#736316
```
#736316 rgb(115,99,22)
```
#837119
```
#837119 rgb(131,113,25)
```
#94801c
```
#94801c rgb(148,128,28)
```
#a48e1f
```
#a48e1f rgb(164,142,31)
```
#b49c22
```
#b49c22 rgb(180,156,34)
```
#c5ab25
```
#c5ab25 rgb(197,171,37)
```
#d5b928
```
#d5b928 rgb(213,185,40)
```

Shade Color Variation

#d9bf38
```
#d9bf38 rgb(217,191,56)
```
#ddc449
```
#ddc449 rgb(221,196,73)
```
#e0c959
```
#e0c959 rgb(224,201,89)
```
#e3cf6a
```
#e3cf6a rgb(227,207,106)
```
#e6d47a
```
#e6d47a rgb(230,212,122)
```
#e9d98b
```
#e9d98b rgb(233,217,139)
```
#ecdf9b
```
#ecdf9b rgb(236,223,155)
```
#efe4ac
```
#efe4ac rgb(239,228,172)
```
#f2e9bc
```
#f2e9bc rgb(242,233,188)
```
#f5efcd
```
#f5efcd rgb(245,239,205)
```
#f9f4dd
```
#f9f4dd rgb(249,244,221)
```
#fcf9ee
```
#fcf9ee rgb(252,249,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#68665b
```
#68665b rgb(104,102,91)
```
#706b54
```
#706b54 rgb(112,107,84)
```
#77704c
```
#77704c rgb(119,112,76)
```
#7f7545
```
#7f7545 rgb(127,117,69)
```
#867a3d
```
#867a3d rgb(134,122,61)
```
#8e7f36
```
#8e7f36 rgb(142,127,54)
```
#95842e
```
#95842e rgb(149,132,46)
```
#9d8927
```
#9d8927 rgb(157,137,39)
```
#a48e1f
```
#a48e1f rgb(164,142,31)
```
#ac9318
```
#ac9318 rgb(172,147,24)
```
#b39810
```
#b39810 rgb(179,152,16)
```
#bb9d09
```
#bb9d09 rgb(187,157,9)
```
#c2a201
```
#c2a201 rgb(194,162,1)
```

Tone Color Variation

Below, you can see how #a48e1f 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
#8e8973 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6942a Protanopia 1% of men
#b88d2e Deuteranopia 1% of men
#b18a94 Tritanopia 0.001% of the population

Trichromacy

#a59226 Protanomaly 1% of men, 0.01% of women
#b18d28 Deuteranomaly 6% of men, 0.4% of women
#ac8b69 Tritanomaly 0.01% of the population