#ad7314 hex color

In a RGB color space, hex #ad7314 is composed of 67.8% red, 45.1% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.5% magenta, 88.4% yellow and 32.2% black. It has a hue angle of 37.3 degrees, a saturation of 79.3% and a lightness of 37.8%. #ad7314 color hex could be obtained by blending #ffe628 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

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

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

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

CIE-LAB	53.165, 15.654, 55.561
XYZ	23.491, 21.198, 3.516
xyY	0.487, 0.44, 21.198
CIE-LCH	53.165, 57.724, 74.265
CIE-LUV	53.165, 47.759, 50.898
Hunter-Lab	46.041, 10.503, 27.701
Binary	10101101, 01110011, 00010100

#ad7314
```
#ad7314 rgb(173,115,20)
```
#144ead
```
#144ead rgb(20,78,173)
```

Complementary Color

#ad2714
```
#ad2714 rgb(173,39,20)
```
#ad7314
```
#ad7314 rgb(173,115,20)
```
#9bad14
```
#9bad14 rgb(155,173,20)
```

Analogous Color

#2714ad
```
#2714ad rgb(39,20,173)
```
#ad7314
```
#ad7314 rgb(173,115,20)
```
#149bad
```
#149bad rgb(20,155,173)
```

Split Complementary Color

#7314ad
```
#7314ad rgb(115,20,173)
```
#ad7314
```
#ad7314 rgb(173,115,20)
```
#14ad73
```
#14ad73 rgb(20,173,115)
```

Triadic Color

#ad144e
```
#ad144e rgb(173,20,78)
```
#ad7314
```
#ad7314 rgb(173,115,20)
```
#14ad73
```
#14ad73 rgb(20,173,115)
```
#144ead
```
#144ead rgb(20,78,173)
```

Tetradic Color

#68450c
```
#68450c rgb(104,69,12)
```
#7f550f
```
#7f550f rgb(127,85,15)
```
#966411
```
#966411 rgb(150,100,17)
```
#ad7314
```
#ad7314 rgb(173,115,20)
```
#c48217
```
#c48217 rgb(196,130,23)
```
#db9119
```
#db9119 rgb(219,145,25)
```
#e69e27
```
#e69e27 rgb(230,158,39)
```

Monochromatic Color

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

#ad4d14
```
#ad4d14 rgb(173,77,20)
```
#ad5a14
```
#ad5a14 rgb(173,90,20)
```
#ad6614
```
#ad6614 rgb(173,102,20)
```
#ad7314
```
#ad7314 rgb(173,115,20)
```
#ad8014
```
#ad8014 rgb(173,128,20)
```
#ad8d14
```
#ad8d14 rgb(173,141,20)
```
#ad9914
```
#ad9914 rgb(173,153,20)
```

Similar Colors

Text with hexadecimal color #ad7314

This text has a font color of #ad7314.

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

#ad7314 background color

This paragraph has a background color of #ad7314.

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

#ad7314 border color

This element has a border color of #ad7314.

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

CSS codes

.text {color:#ad7314;}

.background {background-color:#ad7314;}

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

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)
```
#442d08
```
#442d08 rgb(68,45,8)
```
#55390a
```
#55390a rgb(85,57,10)
```
#67440c
```
#67440c rgb(103,68,12)
```
#78500e
```
#78500e rgb(120,80,14)
```
#8a5c10
```
#8a5c10 rgb(138,92,16)
```
#9b6712
```
#9b6712 rgb(155,103,18)
```
#ad7314
```
#ad7314 rgb(173,115,20)
```
#bf7f16
```
#bf7f16 rgb(191,127,22)
```
#d08a18
```
#d08a18 rgb(208,138,24)
```
#e2961a
```
#e2961a rgb(226,150,26)
```

Shade Color Variation

#e69f29
```
#e69f29 rgb(230,159,41)
```
#e8a73b
```
#e8a73b rgb(232,167,59)
```
#eaae4c
```
#eaae4c rgb(234,174,76)
```
#ecb65e
```
#ecb65e rgb(236,182,94)
```
#eebe70
```
#eebe70 rgb(238,190,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 #bc7705 is the most saturated one.

#63615e
```
#63615e rgb(99,97,94)
```
#6a6357
```
#6a6357 rgb(106,99,87)
```
#72654f
```
#72654f rgb(114,101,79)
```
#796648
```
#796648 rgb(121,102,72)
```
#806841
```
#806841 rgb(128,104,65)
```
#886a39
```
#886a39 rgb(136,106,57)
```
#8f6c32
```
#8f6c32 rgb(143,108,50)
```
#976e2a
```
#976e2a rgb(151,110,42)
```
#9e6f23
```
#9e6f23 rgb(158,111,35)
```
#a6711b
```
#a6711b rgb(166,113,27)
```
#ad7314
```
#ad7314 rgb(173,115,20)
```
#b4750d
```
#b4750d rgb(180,117,13)
```
#bc7705
```
#bc7705 rgb(188,119,5)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#847966 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958523 Protanopia 1% of men
#a67f1c Deuteranopia 1% of men
#b6727a Tritanopia 0.001% of the population

Trichromacy

#9e7f1d Protanomaly 1% of men, 0.01% of women
#a97a19 Deuteranomaly 6% of men, 0.4% of women
#b27255 Tritanomaly 0.01% of the population

#ad7314 hex color

#ad7314 Color Information

#ad7314 Color Conversion

Color Schemes with #ad7314

Alternatives to #ad7314

#ad7314 Preview

Shades and Tints of #ad7314

Tones of #ad7314

Color Blindness Simulator