#a48048 hex color

In a RGB color space, hex #a48048 is composed of 64.3% red, 50.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22% magenta, 56.1% yellow and 35.7% black. It has a hue angle of 36.5 degrees, a saturation of 39% and a lightness of 46.3%. #a48048 color hex could be obtained by blending #ffff90 with #490100. Closest websafe color is: #999933.

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

● #a48048 color description : Dark moderate orange.

The hexadecimal color #a48048 has RGB values of R:164, G:128, B:72 and CMYK values of C:0, M:0.22, Y:0.56, K:0.36. Its decimal value is 10780744.

Hex triplet	a48048	`#a48048`
RGB Decimal	164, 128, 72	`rgb(164,128,72)`
RGB Percent	64.3, 50.2, 28.2	`rgb(64.3%,50.2%,28.2%)`
CMYK	0, 22, 56, 36
HSL	36.5°, 39, 46.3	`hsl(36.5,39%,46.3%)`
HSV (or HSB)	36.5°, 56.1, 64.3
Web Safe	999933	`#999933`

CIE-LAB	55.887, 7.043, 35.394
XYZ	24.199, 23.8, 9.45
xyY	0.421, 0.414, 23.8
CIE-LCH	55.887, 36.088, 78.745
CIE-LUV	55.887, 27.978, 39.725
Hunter-Lab	48.785, 3.168, 22.665
Binary	10100100, 10000000, 01001000

#a48048
```
#a48048 rgb(164,128,72)
```
#486ca4
```
#486ca4 rgb(72,108,164)
```

Complementary Color

#a45248
```
#a45248 rgb(164,82,72)
```
#a48048
```
#a48048 rgb(164,128,72)
```
#9aa448
```
#9aa448 rgb(154,164,72)
```

Analogous Color

#5248a4
```
#5248a4 rgb(82,72,164)
```
#a48048
```
#a48048 rgb(164,128,72)
```
#489aa4
```
#489aa4 rgb(72,154,164)
```

Split Complementary Color

#8048a4
```
#8048a4 rgb(128,72,164)
```
#a48048
```
#a48048 rgb(164,128,72)
```
#48a480
```
#48a480 rgb(72,164,128)
```

Triadic Color

#a4486c
```
#a4486c rgb(164,72,108)
```
#a48048
```
#a48048 rgb(164,128,72)
```
#48a480
```
#48a480 rgb(72,164,128)
```
#486ca4
```
#486ca4 rgb(72,108,164)
```

Tetradic Color

#6f5731
```
#6f5731 rgb(111,87,49)
```
#816438
```
#816438 rgb(129,100,56)
```
#927240
```
#927240 rgb(146,114,64)
```
#a48048
```
#a48048 rgb(164,128,72)
```
#b38d52
```
#b38d52 rgb(179,141,82)
```
#bb9964
```
#bb9964 rgb(187,153,100)
```
#c3a576
```
#c3a576 rgb(195,165,118)
```

Monochromatic Color

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

#a46948
```
#a46948 rgb(164,105,72)
```
#a47148
```
#a47148 rgb(164,113,72)
```
#a47848
```
#a47848 rgb(164,120,72)
```
#a48048
```
#a48048 rgb(164,128,72)
```
#a48848
```
#a48848 rgb(164,136,72)
```
#a48f48
```
#a48f48 rgb(164,143,72)
```
#a49748
```
#a49748 rgb(164,151,72)
```

Similar Colors

Text with hexadecimal color #a48048

This text has a font color of #a48048.

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

#a48048 background color

This paragraph has a background color of #a48048.

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

#a48048 border color

This element has a border color of #a48048.

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

CSS codes

.text {color:#a48048;}

.background {background-color:#a48048;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0e0b06
```
#0e0b06 rgb(14,11,6)
```
#1c160c
```
#1c160c rgb(28,22,12)
```
#292012
```
#292012 rgb(41,32,18)
```
#372b18
```
#372b18 rgb(55,43,24)
```
#45361e
```
#45361e rgb(69,54,30)
```
#524024
```
#524024 rgb(82,64,36)
```
#604b2a
```
#604b2a rgb(96,75,42)
```
#6d5530
```
#6d5530 rgb(109,85,48)
```
#7b6036
```
#7b6036 rgb(123,96,54)
```
#896b3c
```
#896b3c rgb(137,107,60)
```
#967542
```
#967542 rgb(150,117,66)
```
#a48048
```
#a48048 rgb(164,128,72)
```

Shade Color Variation

#b18b4e
```
#b18b4e rgb(177,139,78)
```
#b7945c
```
#b7945c rgb(183,148,92)
```
#bd9d69
```
#bd9d69 rgb(189,157,105)
```
#c3a677
```
#c3a677 rgb(195,166,119)
```
#c9ae85
```
#c9ae85 rgb(201,174,133)
```
#cfb792
```
#cfb792 rgb(207,183,146)
```
#d5c0a0
```
#d5c0a0 rgb(213,192,160)
```
#dbc9ae
```
#dbc9ae rgb(219,201,174)
```
#e1d2bb
```
#e1d2bb rgb(225,210,187)
```
#e7dbc9
```
#e7dbc9 rgb(231,219,201)
```
#ede4d7
```
#ede4d7 rgb(237,228,215)
```
#f3ede4
```
#f3ede4 rgb(243,237,228)
```
#f9f6f2
```
#f9f6f2 rgb(249,246,242)
```

Tint Color Variation

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

#777675
```
#777675 rgb(119,118,117)
```
#80786c
```
#80786c rgb(128,120,108)
```
#897a63
```
#897a63 rgb(137,122,99)
```
#927c5a
```
#927c5a rgb(146,124,90)
```
#9b7e51
```
#9b7e51 rgb(155,126,81)
```
#a48048
```
#a48048 rgb(164,128,72)
```
#ad823f
```
#ad823f rgb(173,130,63)
```
#b68436
```
#b68436 rgb(182,132,54)
```
#bf862d
```
#bf862d rgb(191,134,45)
```
#c88824
```
#c88824 rgb(200,136,36)
```
#d18a1b
```
#d18a1b rgb(209,138,27)
```
#da8c12
```
#da8c12 rgb(218,140,18)
```
#e48e08
```
#e48e08 rgb(228,142,8)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8a8378 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998c53 Protanopia 1% of men
#a98651 Deuteranopia 1% of men
#ad8088 Tritanopia 0.001% of the population

Trichromacy

#9d874f Protanomaly 1% of men, 0.01% of women
#a7834e Deuteranomaly 6% of men, 0.4% of women
#aa8071 Tritanomaly 0.01% of the population

#a48048 hex color

#a48048 Color Information

#a48048 Color Conversion

Color Schemes with #a48048

Alternatives to #a48048

#a48048 Preview

Shades and Tints of #a48048

Tones of #a48048

Color Blindness Simulator