#a97316 hex color

In a RGB color space, hex #a97316 is composed of 66.3% red, 45.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32% magenta, 87% yellow and 33.7% black. It has a hue angle of 38 degrees, a saturation of 77% and a lightness of 37.5%. #a97316 color hex could be obtained by blending #ffe62c with #530000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 66
- G 45
- B 9
RGB color chart
- C 0
- M 32
- Y 87
- K 34
CMYK color chart

● #a97316 color description : Dark orange [Brown tone].

The hexadecimal color #a97316 has RGB values of R:169, G:115, B:22 and CMYK values of C:0, M:0.32, Y:0.87, K:0.34. Its decimal value is 11105046.

Hex triplet	a97316	`#a97316`
RGB Decimal	169, 115, 22	`rgb(169,115,22)`
RGB Percent	66.3, 45.1, 8.6	`rgb(66.3%,45.1%,8.6%)`
CMYK	0, 32, 87, 34
HSL	38°, 77, 37.5	`hsl(38,77%,37.5%)`
HSV (or HSB)	38°, 87, 66.3
Web Safe	996600	`#996600`

CIE-LAB	52.681, 13.896, 54.385
XYZ	22.638, 20.756, 3.573
xyY	0.482, 0.442, 20.756
CIE-LCH	52.681, 56.132, 75.667
CIE-LUV	52.681, 44.423, 50.405
Hunter-Lab	45.559, 8.97, 27.241
Binary	10101001, 01110011, 00010110

#a97316
```
#a97316 rgb(169,115,22)
```
#164ca9
```
#164ca9 rgb(22,76,169)
```

Complementary Color

#a92a16
```
#a92a16 rgb(169,42,22)
```
#a97316
```
#a97316 rgb(169,115,22)
```
#96a916
```
#96a916 rgb(150,169,22)
```

Analogous Color

#2a16a9
```
#2a16a9 rgb(42,22,169)
```
#a97316
```
#a97316 rgb(169,115,22)
```
#1696a9
```
#1696a9 rgb(22,150,169)
```

Split Complementary Color

#7316a9
```
#7316a9 rgb(115,22,169)
```
#a97316
```
#a97316 rgb(169,115,22)
```
#16a973
```
#16a973 rgb(22,169,115)
```

Triadic Color

#a9164c
```
#a9164c rgb(169,22,76)
```
#a97316
```
#a97316 rgb(169,115,22)
```
#16a973
```
#16a973 rgb(22,169,115)
```
#164ca9
```
#164ca9 rgb(22,76,169)
```

Tetradic Color

#65450d
```
#65450d rgb(101,69,13)
```
#7c5410
```
#7c5410 rgb(124,84,16)
```
#926413
```
#926413 rgb(146,100,19)
```
#a97316
```
#a97316 rgb(169,115,22)
```
#c08219
```
#c08219 rgb(192,130,25)
```
#d6921c
```
#d6921c rgb(214,146,28)
```
#e39f28
```
#e39f28 rgb(227,159,40)
```

Monochromatic Color

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

#a94e16
```
#a94e16 rgb(169,78,22)
```
#a95b16
```
#a95b16 rgb(169,91,22)
```
#a96716
```
#a96716 rgb(169,103,22)
```
#a97316
```
#a97316 rgb(169,115,22)
```
#a97f16
```
#a97f16 rgb(169,127,22)
```
#a98c16
```
#a98c16 rgb(169,140,22)
```
#a99816
```
#a99816 rgb(169,152,22)
```

Similar Colors

Text with hexadecimal color #a97316

This text has a font color of #a97316.

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

#a97316 background color

This paragraph has a background color of #a97316.

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

#a97316 border color

This element has a border color of #a97316.

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

CSS codes

.text {color:#a97316;}

.background {background-color:#a97316;}

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

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, #0d0902 is the darkest color, while #fefdfa is the lightest one.

#0d0902
```
#0d0902 rgb(13,9,2)
```
#1e1504
```
#1e1504 rgb(30,21,4)
```
#302006
```
#302006 rgb(48,32,6)
```
#412c08
```
#412c08 rgb(65,44,8)
```
#52380b
```
#52380b rgb(82,56,11)
```
#64440d
```
#64440d rgb(100,68,13)
```
#75500f
```
#75500f rgb(117,80,15)
```
#865b11
```
#865b11 rgb(134,91,17)
```
#986714
```
#986714 rgb(152,103,20)
```
#a97316
```
#a97316 rgb(169,115,22)
```
#ba7f18
```
#ba7f18 rgb(186,127,24)
```
#cc8b1b
```
#cc8b1b rgb(204,139,27)
```
#dd961d
```
#dd961d rgb(221,150,29)
```

Shade Color Variation

#e39f2a
```
#e39f2a rgb(227,159,42)
```
#e6a73c
```
#e6a73c rgb(230,167,60)
```
#e8af4d
```
#e8af4d rgb(232,175,77)
```
#eab75e
```
#eab75e rgb(234,183,94)
```
#ecbf70
```
#ecbf70 rgb(236,191,112)
```
#efc681
```
#efc681 rgb(239,198,129)
```
#f1ce92
```
#f1ce92 rgb(241,206,146)
```
#f3d6a4
```
#f3d6a4 rgb(243,214,164)
```
#f5deb5
```
#f5deb5 rgb(245,222,181)
```
#f8e6c6
```
#f8e6c6 rgb(248,230,198)
```
#faedd8
```
#faedd8 rgb(250,237,216)
```
#fcf5e9
```
#fcf5e9 rgb(252,245,233)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#60605f
```
#60605f rgb(96,96,95)
```
#676158
```
#676158 rgb(103,97,88)
```
#6e6351
```
#6e6351 rgb(110,99,81)
```
#766549
```
#766549 rgb(118,101,73)
```
#7d6742
```
#7d6742 rgb(125,103,66)
```
#84693b
```
#84693b rgb(132,105,59)
```
#8c6b33
```
#8c6b33 rgb(140,107,51)
```
#936d2c
```
#936d2c rgb(147,109,44)
```
#9a6f25
```
#9a6f25 rgb(154,111,37)
```
#a2711d
```
#a2711d rgb(162,113,29)
```
#a97316
```
#a97316 rgb(169,115,22)
```
#b0750f
```
#b0750f rgb(176,117,15)
```
#b87707
```
#b87707 rgb(184,119,7)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#837865 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948424 Protanopia 1% of men
#a57e1f Deuteranopia 1% of men
#b2727a Tritanopia 0.001% of the population

Trichromacy

#9b7e1f Protanomaly 1% of men, 0.01% of women
#a67a1c Deuteranomaly 6% of men, 0.4% of women
#af7255 Tritanomaly 0.01% of the population

#a97316 hex color

#a97316 Color Information

#a97316 Color Conversion

Color Schemes with #a97316

Alternatives to #a97316

#a97316 Preview

Shades and Tints of #a97316

Tones of #a97316

Color Blindness Simulator