#ad6712 hex color

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

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

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

The hexadecimal color #ad6712 has RGB values of R:173, G:103, B:18 and CMYK values of C:0, M:0.4, Y:0.9, K:0.32. Its decimal value is 11364114.

Hex triplet	ad6712	`#ad6712`
RGB Decimal	173, 103, 18	`rgb(173,103,18)`
RGB Percent	67.8, 40.4, 7.1	`rgb(67.8%,40.4%,7.1%)`
CMYK	0, 40, 90, 32
HSL	32.9°, 81.2, 37.5	`hsl(32.9,81.2%,37.5%)`
HSV (or HSB)	32.9°, 89.6, 67.8
Web Safe	996600	`#996600`

CIE-LAB	50.252, 22.326, 53.824
XYZ	22.194, 18.63, 2.999
xyY	0.506, 0.425, 18.63
CIE-LCH	50.252, 58.271, 67.472
CIE-LUV	50.252, 57.446, 46.655
Hunter-Lab	43.163, 16.248, 26.094
Binary	10101101, 01100111, 00010010

#ad6712
```
#ad6712 rgb(173,103,18)
```
#1258ad
```
#1258ad rgb(18,88,173)
```

Complementary Color

#ad1a12
```
#ad1a12 rgb(173,26,18)
```
#ad6712
```
#ad6712 rgb(173,103,18)
```
#a6ad12
```
#a6ad12 rgb(166,173,18)
```

Analogous Color

#1a12ad
```
#1a12ad rgb(26,18,173)
```
#ad6712
```
#ad6712 rgb(173,103,18)
```
#12a6ad
```
#12a6ad rgb(18,166,173)
```

Split Complementary Color

#6712ad
```
#6712ad rgb(103,18,173)
```
#ad6712
```
#ad6712 rgb(173,103,18)
```
#12ad67
```
#12ad67 rgb(18,173,103)
```

Triadic Color

#ad1258
```
#ad1258 rgb(173,18,88)
```
#ad6712
```
#ad6712 rgb(173,103,18)
```
#12ad67
```
#12ad67 rgb(18,173,103)
```
#1258ad
```
#1258ad rgb(18,88,173)
```

Tetradic Color

#683e0b
```
#683e0b rgb(104,62,11)
```
#7f4b0d
```
#7f4b0d rgb(127,75,13)
```
#965910
```
#965910 rgb(150,89,16)
```
#ad6712
```
#ad6712 rgb(173,103,18)
```
#c47514
```
#c47514 rgb(196,117,20)
```
#db8317
```
#db8317 rgb(219,131,23)
```
#e88f23
```
#e88f23 rgb(232,143,35)
```

Monochromatic Color

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

#ad4012
```
#ad4012 rgb(173,64,18)
```
#ad4d12
```
#ad4d12 rgb(173,77,18)
```
#ad5a12
```
#ad5a12 rgb(173,90,18)
```
#ad6712
```
#ad6712 rgb(173,103,18)
```
#ad7412
```
#ad7412 rgb(173,116,18)
```
#ad8112
```
#ad8112 rgb(173,129,18)
```
#ad8e12
```
#ad8e12 rgb(173,142,18)
```

Similar Colors

Text with hexadecimal color #ad6712

This text has a font color of #ad6712.

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

#ad6712 background color

This paragraph has a background color of #ad6712.

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

#ad6712 border color

This element has a border color of #ad6712.

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

CSS codes

.text {color:#ad6712;}

.background {background-color:#ad6712;}

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

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

#0d0801
```
#0d0801 rgb(13,8,1)
```
#1f1203
```
#1f1203 rgb(31,18,3)
```
#311d05
```
#311d05 rgb(49,29,5)
```
#422807
```
#422807 rgb(66,40,7)
```
#543209
```
#543209 rgb(84,50,9)
```
#663d0b
```
#663d0b rgb(102,61,11)
```
#78470c
```
#78470c rgb(120,71,12)
```
#89520e
```
#89520e rgb(137,82,14)
```
#9b5c10
```
#9b5c10 rgb(155,92,16)
```
#ad6712
```
#ad6712 rgb(173,103,18)
```
#bf7214
```
#bf7214 rgb(191,114,20)
```
#d17c16
```
#d17c16 rgb(209,124,22)
```
#e28718
```
#e28718 rgb(226,135,24)
```

Shade Color Variation

#e89025
```
#e89025 rgb(232,144,37)
```
#ea9937
```
#ea9937 rgb(234,153,55)
```
#eca249
```
#eca249 rgb(236,162,73)
```
#eeab5a
```
#eeab5a rgb(238,171,90)
```
#f0b46c
```
#f0b46c rgb(240,180,108)
```
#f2bd7e
```
#f2bd7e rgb(242,189,126)
```
#f3c690
```
#f3c690 rgb(243,198,144)
```
#f5cfa1
```
#f5cfa1 rgb(245,207,161)
```
#f7d8b3
```
#f7d8b3 rgb(247,216,179)
```
#f9e2c5
```
#f9e2c5 rgb(249,226,197)
```
#fbebd7
```
#fbebd7 rgb(251,235,215)
```
#fdf4e9
```
#fdf4e9 rgb(253,244,233)
```
#fffdfa
```
#fffdfa rgb(255,253,250)
```

Tint Color Variation

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

#64605b
```
#64605b rgb(100,96,91)
```
#6b6154
```
#6b6154 rgb(107,97,84)
```
#72614d
```
#72614d rgb(114,97,77)
```
#7a6245
```
#7a6245 rgb(122,98,69)
```
#81633e
```
#81633e rgb(129,99,62)
```
#886337
```
#886337 rgb(136,99,55)
```
#90642f
```
#90642f rgb(144,100,47)
```
#976528
```
#976528 rgb(151,101,40)
```
#9e6621
```
#9e6621 rgb(158,102,33)
```
#a66619
```
#a66619 rgb(166,102,25)
```
#ad6712
```
#ad6712 rgb(173,103,18)
```
#b4680b
```
#b4680b rgb(180,104,11)
```
#bc6803
```
#bc6803 rgb(188,104,3)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#7e705f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d7e22 Protanopia 1% of men
#9e7817 Deuteranopia 1% of men
#b5676e Tritanopia 0.001% of the population

Trichromacy

#99761c Protanomaly 1% of men, 0.01% of women
#a37215 Deuteranomaly 6% of men, 0.4% of women
#b2674c Tritanomaly 0.01% of the population

#ad6712 hex color

#ad6712 Color Information

#ad6712 Color Conversion

Color Schemes with #ad6712

Alternatives to #ad6712

#ad6712 Preview

Shades and Tints of #ad6712

Tones of #ad6712

Color Blindness Simulator