#a97448 hex color

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

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

● #a97448 color description : Dark moderate orange.

The hexadecimal color #a97448 has RGB values of R:169, G:116, B:72 and CMYK values of C:0, M:0.31, Y:0.57, K:0.34. Its decimal value is 11105352.

Hex triplet	a97448	`#a97448`
RGB Decimal	169, 116, 72	`rgb(169,116,72)`
RGB Percent	66.3, 45.5, 28.2	`rgb(66.3%,45.5%,28.2%)`
CMYK	0, 31, 57, 34
HSL	27.2°, 40.2, 47.3	`hsl(27.2,40.2%,47.3%)`
HSV (or HSB)	27.2°, 57.4, 66.3
Web Safe	996633	`#996633`

CIE-LAB	53.379, 16.002, 32.473
XYZ	23.778, 21.395, 9.008
xyY	0.439, 0.395, 21.395
CIE-LCH	53.379, 36.201, 63.766
CIE-LUV	53.379, 40.263, 34.465
Hunter-Lab	46.255, 10.813, 20.832
Binary	10101001, 01110100, 01001000

#a97448
```
#a97448 rgb(169,116,72)
```
#487da9
```
#487da9 rgb(72,125,169)
```

Complementary Color

#a9484d
```
#a9484d rgb(169,72,77)
```
#a97448
```
#a97448 rgb(169,116,72)
```
#a9a548
```
#a9a548 rgb(169,165,72)
```

Analogous Color

#484da9
```
#484da9 rgb(72,77,169)
```
#a97448
```
#a97448 rgb(169,116,72)
```
#48a9a5
```
#48a9a5 rgb(72,169,165)
```

Split Complementary Color

#7448a9
```
#7448a9 rgb(116,72,169)
```
#a97448
```
#a97448 rgb(169,116,72)
```
#48a974
```
#48a974 rgb(72,169,116)
```

Triadic Color

#a9487d
```
#a9487d rgb(169,72,125)
```
#a97448
```
#a97448 rgb(169,116,72)
```
#48a974
```
#48a974 rgb(72,169,116)
```
#487da9
```
#487da9 rgb(72,125,169)
```

Tetradic Color

#734f31
```
#734f31 rgb(115,79,49)
```
#855b39
```
#855b39 rgb(133,91,57)
```
#976840
```
#976840 rgb(151,104,64)
```
#a97448
```
#a97448 rgb(169,116,72)
```
#b68154
```
#b68154 rgb(182,129,84)
```
#be8e66
```
#be8e66 rgb(190,142,102)
```
#c59b78
```
#c59b78 rgb(197,155,120)
```

Monochromatic Color

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

#a95c48
```
#a95c48 rgb(169,92,72)
```
#a96448
```
#a96448 rgb(169,100,72)
```
#a96c48
```
#a96c48 rgb(169,108,72)
```
#a97448
```
#a97448 rgb(169,116,72)
```
#a97c48
```
#a97c48 rgb(169,124,72)
```
#a98448
```
#a98448 rgb(169,132,72)
```
#a98c48
```
#a98c48 rgb(169,140,72)
```

Similar Colors

Text with hexadecimal color #a97448

This text has a font color of #a97448.

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

#a97448 background color

This paragraph has a background color of #a97448.

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

#a97448 border color

This element has a border color of #a97448.

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

CSS codes

.text {color:#a97448;}

.background {background-color:#a97448;}

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

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)
```
#120c08
```
#120c08 rgb(18,12,8)
```
#1f160d
```
#1f160d rgb(31,22,13)
```
#2d1f13
```
#2d1f13 rgb(45,31,19)
```
#3b2819
```
#3b2819 rgb(59,40,25)
```
#49321f
```
#49321f rgb(73,50,31)
```
#563b25
```
#563b25 rgb(86,59,37)
```
#64452b
```
#64452b rgb(100,69,43)
```
#724e31
```
#724e31 rgb(114,78,49)
```
#805836
```
#805836 rgb(128,88,54)
```
#8d613c
```
#8d613c rgb(141,97,60)
```
#9b6b42
```
#9b6b42 rgb(155,107,66)
```
#a97448
```
#a97448 rgb(169,116,72)
```

Shade Color Variation

#b47e50
```
#b47e50 rgb(180,126,80)
```
#ba885e
```
#ba885e rgb(186,136,94)
```
#c0926c
```
#c0926c rgb(192,146,108)
```
#c69c79
```
#c69c79 rgb(198,156,121)
```
#cca687
```
#cca687 rgb(204,166,135)
```
#d2b195
```
#d2b195 rgb(210,177,149)
```
#d8bba3
```
#d8bba3 rgb(216,187,163)
```
#dec5b0
```
#dec5b0 rgb(222,197,176)
```
#e3cfbe
```
#e3cfbe rgb(227,207,190)
```
#e9d9cc
```
#e9d9cc rgb(233,217,204)
```
#efe3da
```
#efe3da rgb(239,227,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, #7b7876 is the less saturated color, while #ea6e07 is the most saturated one.

#7b7876
```
#7b7876 rgb(123,120,118)
```
#84776d
```
#84776d rgb(132,119,109)
```
#8d7764
```
#8d7764 rgb(141,119,100)
```
#96765b
```
#96765b rgb(150,118,91)
```
#a07551
```
#a07551 rgb(160,117,81)
```
#a97448
```
#a97448 rgb(169,116,72)
```
#b2733f
```
#b2733f rgb(178,115,63)
```
#bc7235
```
#bc7235 rgb(188,114,53)
```
#c5712c
```
#c5712c rgb(197,113,44)
```
#ce7123
```
#ce7123 rgb(206,113,35)
```
#d7701a
```
#d7701a rgb(215,112,26)
```
#e16f10
```
#e16f10 rgb(225,111,16)
```
#ea6e07
```
#ea6e07 rgb(234,110,7)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#877d74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918655 Protanopia 1% of men
#a28050 Deuteranopia 1% of men
#b1757d Tritanopia 0.001% of the population

Trichromacy

#9a7f50 Protanomaly 1% of men, 0.01% of women
#a47b4d Deuteranomaly 6% of men, 0.4% of women
#ae756a Tritanomaly 0.01% of the population

#a97448 hex color

#a97448 Color Information

#a97448 Color Conversion

Color Schemes with #a97448

Alternatives to #a97448

#a97448 Preview

Shades and Tints of #a97448

Tones of #a97448

Color Blindness Simulator