#ad7214 hex color

In a RGB color space, hex #ad7214 is composed of 67.8% red, 44.7% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.1% magenta, 88.4% yellow and 32.2% black. It has a hue angle of 36.9 degrees, a saturation of 79.3% and a lightness of 37.8%. #ad7214 color hex could be obtained by blending #ffe428 with #5b0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 68
- G 45
- B 8
RGB color chart
- C 0
- M 34
- Y 88
- K 32
CMYK color chart

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

The hexadecimal color #ad7214 has RGB values of R:173, G:114, B:20 and CMYK values of C:0, M:0.34, Y:0.88, K:0.32. Its decimal value is 11366932.

Hex triplet	ad7214	`#ad7214`
RGB Decimal	173, 114, 20	`rgb(173,114,20)`
RGB Percent	67.8, 44.7, 7.8	`rgb(67.8%,44.7%,7.8%)`
CMYK	0, 34, 88, 32
HSL	36.9°, 79.3, 37.8	`hsl(36.9,79.3%,37.8%)`
HSV (or HSB)	36.9°, 88.4, 67.8
Web Safe	996600	`#996600`

CIE-LAB	52.918, 16.215, 55.363
XYZ	23.378, 20.971, 3.478
xyY	0.489, 0.438, 20.971
CIE-LCH	52.918, 57.689, 73.675
CIE-LUV	52.918, 48.553, 50.514
Hunter-Lab	45.794, 10.984, 27.552
Binary	10101101, 01110010, 00010100

#ad7214
```
#ad7214 rgb(173,114,20)
```
#144fad
```
#144fad rgb(20,79,173)
```

Complementary Color

#ad2614
```
#ad2614 rgb(173,38,20)
```
#ad7214
```
#ad7214 rgb(173,114,20)
```
#9cad14
```
#9cad14 rgb(156,173,20)
```

Analogous Color

#2614ad
```
#2614ad rgb(38,20,173)
```
#ad7214
```
#ad7214 rgb(173,114,20)
```
#149cad
```
#149cad rgb(20,156,173)
```

Split Complementary Color

#7214ad
```
#7214ad rgb(114,20,173)
```
#ad7214
```
#ad7214 rgb(173,114,20)
```
#14ad72
```
#14ad72 rgb(20,173,114)
```

Triadic Color

#ad144f
```
#ad144f rgb(173,20,79)
```
#ad7214
```
#ad7214 rgb(173,114,20)
```
#14ad72
```
#14ad72 rgb(20,173,114)
```
#144fad
```
#144fad rgb(20,79,173)
```

Tetradic Color

#68450c
```
#68450c rgb(104,69,12)
```
#7f540f
```
#7f540f rgb(127,84,15)
```
#966311
```
#966311 rgb(150,99,17)
```
#ad7214
```
#ad7214 rgb(173,114,20)
```
#c48117
```
#c48117 rgb(196,129,23)
```
#db9019
```
#db9019 rgb(219,144,25)
```
#e69d27
```
#e69d27 rgb(230,157,39)
```

Monochromatic Color

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

#ad4c14
```
#ad4c14 rgb(173,76,20)
```
#ad5914
```
#ad5914 rgb(173,89,20)
```
#ad6514
```
#ad6514 rgb(173,101,20)
```
#ad7214
```
#ad7214 rgb(173,114,20)
```
#ad7f14
```
#ad7f14 rgb(173,127,20)
```
#ad8c14
```
#ad8c14 rgb(173,140,20)
```
#ad9814
```
#ad9814 rgb(173,152,20)
```

Similar Colors

Text with hexadecimal color #ad7214

This text has a font color of #ad7214.

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

#ad7214 background color

This paragraph has a background color of #ad7214.

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

#ad7214 border color

This element has a border color of #ad7214.

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

CSS codes

.text {color:#ad7214;}

.background {background-color:#ad7214;}

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

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

#0f0a02
```
#0f0a02 rgb(15,10,2)
```
#201504
```
#201504 rgb(32,21,4)
```
#322106
```
#322106 rgb(50,33,6)
```
#442c08
```
#442c08 rgb(68,44,8)
```
#55380a
```
#55380a rgb(85,56,10)
```
#67440c
```
#67440c rgb(103,68,12)
```
#784f0e
```
#784f0e rgb(120,79,14)
```
#8a5b10
```
#8a5b10 rgb(138,91,16)
```
#9b6612
```
#9b6612 rgb(155,102,18)
```
#ad7214
```
#ad7214 rgb(173,114,20)
```
#bf7e16
```
#bf7e16 rgb(191,126,22)
```
#d08918
```
#d08918 rgb(208,137,24)
```
#e2951a
```
#e2951a rgb(226,149,26)
```

Shade Color Variation

#e69d29
```
#e69d29 rgb(230,157,41)
```
#e8a53b
```
#e8a53b rgb(232,165,59)
```
#eaad4c
```
#eaad4c rgb(234,173,76)
```
#ecb55e
```
#ecb55e rgb(236,181,94)
```
#eebd70
```
#eebd70 rgb(238,189,112)
```
#f0c681
```
#f0c681 rgb(240,198,129)
```
#f2ce93
```
#f2ce93 rgb(242,206,147)
```
#f5d6a4
```
#f5d6a4 rgb(245,214,164)
```
#f7deb6
```
#f7deb6 rgb(247,222,182)
```
#f9e6c7
```
#f9e6c7 rgb(249,230,199)
```
#fbeed9
```
#fbeed9 rgb(251,238,217)
```
#fdf6eb
```
#fdf6eb rgb(253,246,235)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#63615e
```
#63615e rgb(99,97,94)
```
#6a6357
```
#6a6357 rgb(106,99,87)
```
#72644f
```
#72644f rgb(114,100,79)
```
#796648
```
#796648 rgb(121,102,72)
```
#806841
```
#806841 rgb(128,104,65)
```
#886a39
```
#886a39 rgb(136,106,57)
```
#8f6b32
```
#8f6b32 rgb(143,107,50)
```
#976d2a
```
#976d2a rgb(151,109,42)
```
#9e6f23
```
#9e6f23 rgb(158,111,35)
```
#a6701b
```
#a6701b rgb(166,112,27)
```
#ad7214
```
#ad7214 rgb(173,114,20)
```
#b4740d
```
#b4740d rgb(180,116,13)
```
#bc7505
```
#bc7505 rgb(188,117,5)
```

Tone Color Variation

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

#948523 Protanopia 1% of men
#a67e1c Deuteranopia 1% of men
#b67179 Tritanopia 0.001% of the population

Trichromacy

#9d7e1d Protanomaly 1% of men, 0.01% of women
#a87a19 Deuteranomaly 6% of men, 0.4% of women
#b27154 Tritanomaly 0.01% of the population

#ad7214 hex color

#ad7214 Color Information

#ad7214 Color Conversion

Color Schemes with #ad7214

Alternatives to #ad7214

#ad7214 Preview

Shades and Tints of #ad7214

Tones of #ad7214

Color Blindness Simulator