#ad7312 hex color

In a RGB color space, hex #ad7312 is composed of 67.8% red, 45.1% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.5% magenta, 89.6% yellow and 32.2% black. It has a hue angle of 37.5 degrees, a saturation of 81.2% and a lightness of 37.5%. #ad7312 color hex could be obtained by blending #ffe624 with #5b0000. Closest websafe color is: #996600.

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

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

The hexadecimal color #ad7312 has RGB values of R:173, G:115, B:18 and CMYK values of C:0, M:0.34, Y:0.9, K:0.32. Its decimal value is 11367186.

Hex triplet	ad7312	`#ad7312`
RGB Decimal	173, 115, 18	`rgb(173,115,18)`
RGB Percent	67.8, 45.1, 7.1	`rgb(67.8%,45.1%,7.1%)`
CMYK	0, 34, 90, 32
HSL	37.5°, 81.2, 37.5	`hsl(37.5,81.2%,37.5%)`
HSV (or HSB)	37.5°, 89.6, 67.8
Web Safe	996600	`#996600`

CIE-LAB	53.158, 15.61, 56.096
XYZ	23.474, 21.191, 3.426
xyY	0.488, 0.441, 21.191
CIE-LCH	53.158, 58.227, 74.45
CIE-LUV	53.158, 47.822, 51.185
Hunter-Lab	46.034, 10.464, 27.811
Binary	10101101, 01110011, 00010010

#ad7312
```
#ad7312 rgb(173,115,18)
```
#124cad
```
#124cad rgb(18,76,173)
```

Complementary Color

#ad2612
```
#ad2612 rgb(173,38,18)
```
#ad7312
```
#ad7312 rgb(173,115,18)
```
#9aad12
```
#9aad12 rgb(154,173,18)
```

Analogous Color

#2612ad
```
#2612ad rgb(38,18,173)
```
#ad7312
```
#ad7312 rgb(173,115,18)
```
#129aad
```
#129aad rgb(18,154,173)
```

Split Complementary Color

#7312ad
```
#7312ad rgb(115,18,173)
```
#ad7312
```
#ad7312 rgb(173,115,18)
```
#12ad73
```
#12ad73 rgb(18,173,115)
```

Triadic Color

#ad124c
```
#ad124c rgb(173,18,76)
```
#ad7312
```
#ad7312 rgb(173,115,18)
```
#12ad73
```
#12ad73 rgb(18,173,115)
```
#124cad
```
#124cad rgb(18,76,173)
```

Tetradic Color

#68450b
```
#68450b rgb(104,69,11)
```
#7f540d
```
#7f540d rgb(127,84,13)
```
#966410
```
#966410 rgb(150,100,16)
```
#ad7312
```
#ad7312 rgb(173,115,18)
```
#c48214
```
#c48214 rgb(196,130,20)
```
#db9217
```
#db9217 rgb(219,146,23)
```
#e89f23
```
#e89f23 rgb(232,159,35)
```

Monochromatic Color

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

#ad4c12
```
#ad4c12 rgb(173,76,18)
```
#ad5912
```
#ad5912 rgb(173,89,18)
```
#ad6612
```
#ad6612 rgb(173,102,18)
```
#ad7312
```
#ad7312 rgb(173,115,18)
```
#ad8012
```
#ad8012 rgb(173,128,18)
```
#ad8d12
```
#ad8d12 rgb(173,141,18)
```
#ad9a12
```
#ad9a12 rgb(173,154,18)
```

Similar Colors

Text with hexadecimal color #ad7312

This text has a font color of #ad7312.

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

#ad7312 background color

This paragraph has a background color of #ad7312.

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

#ad7312 border color

This element has a border color of #ad7312.

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

CSS codes

.text {color:#ad7312;}

.background {background-color:#ad7312;}

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

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

#0d0901
```
#0d0901 rgb(13,9,1)
```
#1f1503
```
#1f1503 rgb(31,21,3)
```
#312005
```
#312005 rgb(49,32,5)
```
#422c07
```
#422c07 rgb(66,44,7)
```
#543809
```
#543809 rgb(84,56,9)
```
#66440b
```
#66440b rgb(102,68,11)
```
#78500c
```
#78500c rgb(120,80,12)
```
#895b0e
```
#895b0e rgb(137,91,14)
```
#9b6710
```
#9b6710 rgb(155,103,16)
```
#ad7312
```
#ad7312 rgb(173,115,18)
```
#bf7f14
```
#bf7f14 rgb(191,127,20)
```
#d18b16
```
#d18b16 rgb(209,139,22)
```
#e29618
```
#e29618 rgb(226,150,24)
```

Shade Color Variation

#e89f25
```
#e89f25 rgb(232,159,37)
```
#eaa737
```
#eaa737 rgb(234,167,55)
```
#ecaf49
```
#ecaf49 rgb(236,175,73)
```
#eeb75a
```
#eeb75a rgb(238,183,90)
```
#f0bf6c
```
#f0bf6c rgb(240,191,108)
```
#f2c67e
```
#f2c67e rgb(242,198,126)
```
#f3ce90
```
#f3ce90 rgb(243,206,144)
```
#f5d6a1
```
#f5d6a1 rgb(245,214,161)
```
#f7deb3
```
#f7deb3 rgb(247,222,179)
```
#f9e6c5
```
#f9e6c5 rgb(249,230,197)
```
#fbedd7
```
#fbedd7 rgb(251,237,215)
```
#fdf5e9
```
#fdf5e9 rgb(253,245,233)
```
#fffdfa
```
#fffdfa rgb(255,253,250)
```

Tint Color Variation

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

#64615b
```
#64615b rgb(100,97,91)
```
#6b6254
```
#6b6254 rgb(107,98,84)
```
#72644d
```
#72644d rgb(114,100,77)
```
#7a6645
```
#7a6645 rgb(122,102,69)
```
#81683e
```
#81683e rgb(129,104,62)
```
#886a37
```
#886a37 rgb(136,106,55)
```
#906c2f
```
#906c2f rgb(144,108,47)
```
#976d28
```
#976d28 rgb(151,109,40)
```
#9e6f21
```
#9e6f21 rgb(158,111,33)
```
#a67119
```
#a67119 rgb(166,113,25)
```
#ad7312
```
#ad7312 rgb(173,115,18)
```
#b4750b
```
#b4750b rgb(180,117,11)
```
#bc7703
```
#bc7703 rgb(188,119,3)
```

Tone Color Variation

Below, you can see how #ad7312 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
#837864 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958521 Protanopia 1% of men
#a67f1a Deuteranopia 1% of men
#b6727a Tritanopia 0.001% of the population

Trichromacy

#9e7f1b Protanomaly 1% of men, 0.01% of women
#a97a17 Deuteranomaly 6% of men, 0.4% of women
#b27254 Tritanomaly 0.01% of the population

#ad7312 hex color

#ad7312 Color Information

#ad7312 Color Conversion

Color Schemes with #ad7312

Alternatives to #ad7312

#ad7312 Preview

Shades and Tints of #ad7312

Tones of #ad7312

Color Blindness Simulator