#a97a48 hex color

In a RGB color space, hex #a97a48 is composed of 66.3% red, 47.8% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.8% magenta, 57.4% yellow and 33.7% black. It has a hue angle of 30.9 degrees, a saturation of 40.2% and a lightness of 47.3%. #a97a48 color hex could be obtained by blending #fff490 with #530000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 66
- G 48
- B 28
RGB color chart
- C 0
- M 28
- Y 57
- K 34
CMYK color chart

● #a97a48 color description : Dark moderate orange.

The hexadecimal color #a97a48 has RGB values of R:169, G:122, B:72 and CMYK values of C:0, M:0.28, Y:0.57, K:0.34. Its decimal value is 11106888.

Hex triplet	a97a48	`#a97a48`
RGB Decimal	169, 122, 72	`rgb(169,122,72)`
RGB Percent	66.3, 47.8, 28.2	`rgb(66.3%,47.8%,28.2%)`
CMYK	0, 28, 57, 34
HSL	30.9°, 40.2, 47.3	`hsl(30.9,40.2%,47.3%)`
HSV (or HSB)	30.9°, 57.4, 66.3
Web Safe	996633	`#996633`

CIE-LAB	54.89, 12.614, 34.316
XYZ	24.492, 22.823, 9.246
xyY	0.433, 0.404, 22.823
CIE-LCH	54.89, 36.561, 69.818
CIE-LUV	54.89, 35.994, 37.279
Hunter-Lab	47.774, 7.906, 21.967
Binary	10101001, 01111010, 01001000

#a97a48
```
#a97a48 rgb(169,122,72)
```
#4877a9
```
#4877a9 rgb(72,119,169)
```

Complementary Color

#a94a48
```
#a94a48 rgb(169,74,72)
```
#a97a48
```
#a97a48 rgb(169,122,72)
```
#a8a948
```
#a8a948 rgb(168,169,72)
```

Analogous Color

#4a48a9
```
#4a48a9 rgb(74,72,169)
```
#a97a48
```
#a97a48 rgb(169,122,72)
```
#48a8a9
```
#48a8a9 rgb(72,168,169)
```

Split Complementary Color

#7a48a9
```
#7a48a9 rgb(122,72,169)
```
#a97a48
```
#a97a48 rgb(169,122,72)
```
#48a97a
```
#48a97a rgb(72,169,122)
```

Triadic Color

#a94877
```
#a94877 rgb(169,72,119)
```
#a97a48
```
#a97a48 rgb(169,122,72)
```
#48a97a
```
#48a97a rgb(72,169,122)
```
#4877a9
```
#4877a9 rgb(72,119,169)
```

Tetradic Color

#735331
```
#735331 rgb(115,83,49)
```
#856039
```
#856039 rgb(133,96,57)
```
#976d40
```
#976d40 rgb(151,109,64)
```
#a97a48
```
#a97a48 rgb(169,122,72)
```
#b68754
```
#b68754 rgb(182,135,84)
```
#be9366
```
#be9366 rgb(190,147,102)
```
#c5a078
```
#c5a078 rgb(197,160,120)
```

Monochromatic Color

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

#a96248
```
#a96248 rgb(169,98,72)
```
#a96a48
```
#a96a48 rgb(169,106,72)
```
#a97248
```
#a97248 rgb(169,114,72)
```
#a97a48
```
#a97a48 rgb(169,122,72)
```
#a98248
```
#a98248 rgb(169,130,72)
```
#a98a48
```
#a98a48 rgb(169,138,72)
```
#a99248
```
#a99248 rgb(169,146,72)
```

Similar Colors

Text with hexadecimal color #a97a48

This text has a font color of #a97a48.

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

#a97a48 background color

This paragraph has a background color of #a97a48.

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

#a97a48 border color

This element has a border color of #a97a48.

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

CSS codes

.text {color:#a97a48;}

.background {background-color:#a97a48;}

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

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

#040302
```
#040302 rgb(4,3,2)
```
#120d08
```
#120d08 rgb(18,13,8)
```
#1f170d
```
#1f170d rgb(31,23,13)
```
#2d2113
```
#2d2113 rgb(45,33,19)
```
#3b2b19
```
#3b2b19 rgb(59,43,25)
```
#49341f
```
#49341f rgb(73,52,31)
```
#563e25
```
#563e25 rgb(86,62,37)
```
#64482b
```
#64482b rgb(100,72,43)
```
#725231
```
#725231 rgb(114,82,49)
```
#805c36
```
#805c36 rgb(128,92,54)
```
#8d663c
```
#8d663c rgb(141,102,60)
```
#9b7042
```
#9b7042 rgb(155,112,66)
```
#a97a48
```
#a97a48 rgb(169,122,72)
```

Shade Color Variation

#b48450
```
#b48450 rgb(180,132,80)
```
#ba8e5e
```
#ba8e5e rgb(186,142,94)
```
#c0976c
```
#c0976c rgb(192,151,108)
```
#c6a179
```
#c6a179 rgb(198,161,121)
```
#ccab87
```
#ccab87 rgb(204,171,135)
```
#d2b495
```
#d2b495 rgb(210,180,149)
```
#d8bea3
```
#d8bea3 rgb(216,190,163)
```
#dec8b0
```
#dec8b0 rgb(222,200,176)
```
#e3d1be
```
#e3d1be rgb(227,209,190)
```
#e9dbcc
```
#e9dbcc rgb(233,219,204)
```
#efe5da
```
#efe5da rgb(239,229,218)
```
#f5eee7
```
#f5eee7 rgb(245,238,231)
```
#fbf8f5
```
#fbf8f5 rgb(251,248,245)
```

Tint Color Variation

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

#7b7976
```
#7b7976 rgb(123,121,118)
```
#84796d
```
#84796d rgb(132,121,109)
```
#8d7964
```
#8d7964 rgb(141,121,100)
```
#96795b
```
#96795b rgb(150,121,91)
```
#a07a51
```
#a07a51 rgb(160,122,81)
```
#a97a48
```
#a97a48 rgb(169,122,72)
```
#b27a3f
```
#b27a3f rgb(178,122,63)
```
#bc7b35
```
#bc7b35 rgb(188,123,53)
```
#c57b2c
```
#c57b2c rgb(197,123,44)
```
#ce7b23
```
#ce7b23 rgb(206,123,35)
```
#d77b1a
```
#d77b1a rgb(215,123,26)
```
#e17c10
```
#e17c10 rgb(225,124,16)
```
#ea7c07
```
#ea7c07 rgb(234,124,7)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8a8076 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968954 Protanopia 1% of men
#a68350 Deuteranopia 1% of men
#b17a83 Tritanopia 0.001% of the population

Trichromacy

#9d8450 Protanomaly 1% of men, 0.01% of women
#a7804d Deuteranomaly 6% of men, 0.4% of women
#ae7a6d Tritanomaly 0.01% of the population

#a97a48 hex color

#a97a48 Color Information

#a97a48 Color Conversion

Color Schemes with #a97a48

Alternatives to #a97a48

#a97a48 Preview

Shades and Tints of #a97a48

Tones of #a97a48

Color Blindness Simulator