#a67318 hex color

In a RGB color space, hex #a67318 is composed of 65.1% red, 45.1% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.7% magenta, 85.5% yellow and 34.9% black. It has a hue angle of 38.5 degrees, a saturation of 74.7% and a lightness of 37.3%. #a67318 color hex could be obtained by blending #ffe630 with #4d0000. Closest websafe color is: #996600.

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

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

The hexadecimal color #a67318 has RGB values of R:166, G:115, B:24 and CMYK values of C:0, M:0.31, Y:0.86, K:0.35. Its decimal value is 10908440.

Hex triplet	a67318	`#a67318`
RGB Decimal	166, 115, 24	`rgb(166,115,24)`
RGB Percent	65.1, 45.1, 9.4	`rgb(65.1%,45.1%,9.4%)`
CMYK	0, 31, 86, 35
HSL	38.5°, 74.7, 37.3	`hsl(38.5,74.7%,37.3%)`
HSV (or HSB)	38.5°, 85.5, 65.1
Web Safe	996600	`#996600`

CIE-LAB	52.326, 12.587, 53.324
XYZ	22.022, 20.436, 3.649
xyY	0.478, 0.443, 20.436
CIE-LCH	52.326, 54.789, 76.719
CIE-LUV	52.326, 41.917, 49.929
Hunter-Lab	45.206, 7.845, 26.859
Binary	10100110, 01110011, 00011000

#a67318
```
#a67318 rgb(166,115,24)
```
#184ba6
```
#184ba6 rgb(24,75,166)
```

Complementary Color

#a62c18
```
#a62c18 rgb(166,44,24)
```
#a67318
```
#a67318 rgb(166,115,24)
```
#92a618
```
#92a618 rgb(146,166,24)
```

Analogous Color

#2c18a6
```
#2c18a6 rgb(44,24,166)
```
#a67318
```
#a67318 rgb(166,115,24)
```
#1892a6
```
#1892a6 rgb(24,146,166)
```

Split Complementary Color

#7318a6
```
#7318a6 rgb(115,24,166)
```
#a67318
```
#a67318 rgb(166,115,24)
```
#18a673
```
#18a673 rgb(24,166,115)
```

Triadic Color

#a6184b
```
#a6184b rgb(166,24,75)
```
#a67318
```
#a67318 rgb(166,115,24)
```
#18a673
```
#18a673 rgb(24,166,115)
```
#184ba6
```
#184ba6 rgb(24,75,166)
```

Tetradic Color

#63450e
```
#63450e rgb(99,69,14)
```
#795412
```
#795412 rgb(121,84,18)
```
#906415
```
#906415 rgb(144,100,21)
```
#a67318
```
#a67318 rgb(166,115,24)
```
#bc821b
```
#bc821b rgb(188,130,27)
```
#d3921e
```
#d3921e rgb(211,146,30)
```
#e09f2a
```
#e09f2a rgb(224,159,42)
```

Monochromatic Color

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

#a64f18
```
#a64f18 rgb(166,79,24)
```
#a65b18
```
#a65b18 rgb(166,91,24)
```
#a66718
```
#a66718 rgb(166,103,24)
```
#a67318
```
#a67318 rgb(166,115,24)
```
#a67f18
```
#a67f18 rgb(166,127,24)
```
#a68b18
```
#a68b18 rgb(166,139,24)
```
#a69718
```
#a69718 rgb(166,151,24)
```

Similar Colors

Text with hexadecimal color #a67318

This text has a font color of #a67318.

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

#a67318 background color

This paragraph has a background color of #a67318.

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

#a67318 border color

This element has a border color of #a67318.

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

CSS codes

.text {color:#a67318;}

.background {background-color:#a67318;}

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

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

#0c0802
```
#0c0802 rgb(12,8,2)
```
#1d1404
```
#1d1404 rgb(29,20,4)
```
#2e2007
```
#2e2007 rgb(46,32,7)
```
#3f2c09
```
#3f2c09 rgb(63,44,9)
```
#50380c
```
#50380c rgb(80,56,12)
```
#61440e
```
#61440e rgb(97,68,14)
```
#734f11
```
#734f11 rgb(115,79,17)
```
#845b13
```
#845b13 rgb(132,91,19)
```
#956716
```
#956716 rgb(149,103,22)
```
#a67318
```
#a67318 rgb(166,115,24)
```
#b77f1a
```
#b77f1a rgb(183,127,26)
```
#c88b1d
```
#c88b1d rgb(200,139,29)
```
#d9971f
```
#d9971f rgb(217,151,31)
```

Shade Color Variation

#e0a02c
```
#e0a02c rgb(224,160,44)
```
#e3a73d
```
#e3a73d rgb(227,167,61)
```
#e5af4e
```
#e5af4e rgb(229,175,78)
```
#e8b75f
```
#e8b75f rgb(232,183,95)
```
#eabf71
```
#eabf71 rgb(234,191,113)
```
#edc682
```
#edc682 rgb(237,198,130)
```
#efce93
```
#efce93 rgb(239,206,147)
```
#f2d6a4
```
#f2d6a4 rgb(242,214,164)
```
#f4deb5
```
#f4deb5 rgb(244,222,181)
```
#f7e5c6
```
#f7e5c6 rgb(247,229,198)
```
#f9edd7
```
#f9edd7 rgb(249,237,215)
```
#fcf5e8
```
#fcf5e8 rgb(252,245,232)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#64605a
```
#64605a rgb(100,96,90)
```
#6c6352
```
#6c6352 rgb(108,99,82)
```
#73654b
```
#73654b rgb(115,101,75)
```
#7a6744
```
#7a6744 rgb(122,103,68)
```
#81693d
```
#81693d rgb(129,105,61)
```
#896b35
```
#896b35 rgb(137,107,53)
```
#906d2e
```
#906d2e rgb(144,109,46)
```
#976f27
```
#976f27 rgb(151,111,39)
```
#9f711f
```
#9f711f rgb(159,113,31)
```
#a67318
```
#a67318 rgb(166,115,24)
```
#ad7511
```
#ad7511 rgb(173,117,17)
```
#b57709
```
#b57709 rgb(181,119,9)
```
#bc7902
```
#bc7902 rgb(188,121,2)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#817765 Atypical Achromatopsia 0.001% of the population

Dichromacy

#938326 Protanopia 1% of men
#a47d22 Deuteranopia 1% of men
#af727a Tritanopia 0.001% of the population

Trichromacy

#997d21 Protanomaly 1% of men, 0.01% of women
#a4791e Deuteranomaly 6% of men, 0.4% of women
#ac7256 Tritanomaly 0.01% of the population

#a67318 hex color

#a67318 Color Information

#a67318 Color Conversion

Color Schemes with #a67318

Alternatives to #a67318

#a67318 Preview

Shades and Tints of #a67318

Tones of #a67318

Color Blindness Simulator