#a67312 hex color

In a RGB color space, hex #a67312 is composed of 65.1% red, 45.1% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.7% magenta, 89.2% yellow and 34.9% black. It has a hue angle of 39.3 degrees, a saturation of 80.4% and a lightness of 36.1%. #a67312 color hex could be obtained by blending #ffe624 with #4d0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 65
- G 45
- B 7
RGB color chart
- C 0
- M 31
- Y 89
- K 35
CMYK color chart

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

The hexadecimal color #a67312 has RGB values of R:166, G:115, B:18 and CMYK values of C:0, M:0.31, Y:0.89, K:0.35. Its decimal value is 10908434.

Hex triplet	a67312	`#a67312`
RGB Decimal	166, 115, 18	`rgb(166,115,18)`
RGB Percent	65.1, 45.1, 7.1	`rgb(65.1%,45.1%,7.1%)`
CMYK	0, 31, 89, 35
HSL	39.3°, 80.4, 36.1	`hsl(39.3,80.4%,36.1%)`
HSV (or HSB)	39.3°, 89.2, 65.1
Web Safe	996600	`#996600`

CIE-LAB	52.302, 12.435, 55.057
XYZ	21.966, 20.414, 3.356
xyY	0.48, 0.446, 20.414
CIE-LCH	52.302, 56.444, 77.273
CIE-LUV	52.302, 42.111, 50.885
Hunter-Lab	45.181, 7.716, 27.224
Binary	10100110, 01110011, 00010010

#a67312
```
#a67312 rgb(166,115,18)
```
#1245a6
```
#1245a6 rgb(18,69,166)
```

Complementary Color

#a62912
```
#a62912 rgb(166,41,18)
```
#a67312
```
#a67312 rgb(166,115,18)
```
#8fa612
```
#8fa612 rgb(143,166,18)
```

Analogous Color

#2912a6
```
#2912a6 rgb(41,18,166)
```
#a67312
```
#a67312 rgb(166,115,18)
```
#128fa6
```
#128fa6 rgb(18,143,166)
```

Split Complementary Color

#7312a6
```
#7312a6 rgb(115,18,166)
```
#a67312
```
#a67312 rgb(166,115,18)
```
#12a673
```
#12a673 rgb(18,166,115)
```

Triadic Color

#a61245
```
#a61245 rgb(166,18,69)
```
#a67312
```
#a67312 rgb(166,115,18)
```
#12a673
```
#12a673 rgb(18,166,115)
```
#1245a6
```
#1245a6 rgb(18,69,166)
```

Tetradic Color

#61430b
```
#61430b rgb(97,67,11)
```
#78530d
```
#78530d rgb(120,83,13)
```
#8f6310
```
#8f6310 rgb(143,99,16)
```
#a67312
```
#a67312 rgb(166,115,18)
```
#bd8314
```
#bd8314 rgb(189,131,20)
```
#d49317
```
#d49317 rgb(212,147,23)
```
#e7a11e
```
#e7a11e rgb(231,161,30)
```

Monochromatic Color

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

#a64e12
```
#a64e12 rgb(166,78,18)
```
#a65a12
```
#a65a12 rgb(166,90,18)
```
#a66712
```
#a66712 rgb(166,103,18)
```
#a67312
```
#a67312 rgb(166,115,18)
```
#a67f12
```
#a67f12 rgb(166,127,18)
```
#a68c12
```
#a68c12 rgb(166,140,18)
```
#a69812
```
#a69812 rgb(166,152,18)
```

Similar Colors

Text with hexadecimal color #a67312

This text has a font color of #a67312.

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

#a67312 background color

This paragraph has a background color of #a67312.

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

#a67312 border color

This element has a border color of #a67312.

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

CSS codes

.text {color:#a67312;}

.background {background-color:#a67312;}

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

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, #070501 is the darkest color, while #fefaf4 is the lightest one.

#070501
```
#070501 rgb(7,5,1)
```
#181103
```
#181103 rgb(24,17,3)
```
#2a1d05
```
#2a1d05 rgb(42,29,5)
```
#3c2906
```
#3c2906 rgb(60,41,6)
```
#4e3608
```
#4e3608 rgb(78,54,8)
```
#5f420a
```
#5f420a rgb(95,66,10)
```
#714e0c
```
#714e0c rgb(113,78,12)
```
#835a0e
```
#835a0e rgb(131,90,14)
```
#946710
```
#946710 rgb(148,103,16)
```
#a67312
```
#a67312 rgb(166,115,18)
```
#b87f14
```
#b87f14 rgb(184,127,20)
```
#c98c16
```
#c98c16 rgb(201,140,22)
```
#db9818
```
#db9818 rgb(219,152,24)
```

Shade Color Variation

#e7a220
```
#e7a220 rgb(231,162,32)
```
#e9aa31
```
#e9aa31 rgb(233,170,49)
```
#ebb143
```
#ebb143 rgb(235,177,67)
```
#edb855
```
#edb855 rgb(237,184,85)
```
#eec066
```
#eec066 rgb(238,192,102)
```
#f0c778
```
#f0c778 rgb(240,199,120)
```
#f2ce8a
```
#f2ce8a rgb(242,206,138)
```
#f4d69c
```
#f4d69c rgb(244,214,156)
```
#f6ddad
```
#f6ddad rgb(246,221,173)
```
#f8e4bf
```
#f8e4bf rgb(248,228,191)
```
#faecd1
```
#faecd1 rgb(250,236,209)
```
#fcf3e2
```
#fcf3e2 rgb(252,243,226)
```
#fefaf4
```
#fefaf4 rgb(254,250,244)
```

Tint Color Variation

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

#5f5d59
```
#5f5d59 rgb(95,93,89)
```
#665f52
```
#665f52 rgb(102,95,82)
```
#6d614b
```
#6d614b rgb(109,97,75)
```
#746444
```
#746444 rgb(116,100,68)
```
#7c663c
```
#7c663c rgb(124,102,60)
```
#836835
```
#836835 rgb(131,104,53)
```
#8a6a2e
```
#8a6a2e rgb(138,106,46)
```
#916c27
```
#916c27 rgb(145,108,39)
```
#986f20
```
#986f20 rgb(152,111,32)
```
#9f7119
```
#9f7119 rgb(159,113,25)
```
#a67312
```
#a67312 rgb(166,115,18)
```
#ad750b
```
#ad750b rgb(173,117,11)
```
#b47704
```
#b47704 rgb(180,119,4)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#807663 Atypical Achromatopsia 0.001% of the population

Dichromacy

#938320 Protanopia 1% of men
#a47d1c Deuteranopia 1% of men
#af727a Tritanopia 0.001% of the population

Trichromacy

#9a7d1b Protanomaly 1% of men, 0.01% of women
#a47918 Deuteranomaly 6% of men, 0.4% of women
#ac7254 Tritanomaly 0.01% of the population

#a67312 hex color

#a67312 Color Information

#a67312 Color Conversion

Color Schemes with #a67312

Alternatives to #a67312

#a67312 Preview

Shades and Tints of #a67312

Tones of #a67312

Color Blindness Simulator