#a66018 hex color

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

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

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

The hexadecimal color #a66018 has RGB values of R:166, G:96, B:24 and CMYK values of C:0, M:0.42, Y:0.86, K:0.35. Its decimal value is 10903576.

Hex triplet	a66018	`#a66018`
RGB Decimal	166, 96, 24	`rgb(166,96,24)`
RGB Percent	65.1, 37.6, 9.4	`rgb(65.1%,37.6%,9.4%)`
CMYK	0, 42, 86, 35
HSL	30.4°, 74.7, 37.3	`hsl(30.4,74.7%,37.3%)`
HSV (or HSB)	30.4°, 85.5, 65.1
Web Safe	996600	`#996600`

CIE-LAB	47.676, 23.299, 49.382
XYZ	20.074, 16.54, 3
xyY	0.507, 0.418, 16.54
CIE-LCH	47.676, 54.603, 64.741
CIE-LUV	47.676, 56.93, 42.598
Hunter-Lab	40.67, 16.934, 24.096
Binary	10100110, 01100000, 00011000

#a66018
```
#a66018 rgb(166,96,24)
```
#185ea6
```
#185ea6 rgb(24,94,166)
```

Complementary Color

#a61918
```
#a61918 rgb(166,25,24)
```
#a66018
```
#a66018 rgb(166,96,24)
```
#a5a618
```
#a5a618 rgb(165,166,24)
```

Analogous Color

#1918a6
```
#1918a6 rgb(25,24,166)
```
#a66018
```
#a66018 rgb(166,96,24)
```
#18a5a6
```
#18a5a6 rgb(24,165,166)
```

Split Complementary Color

#6018a6
```
#6018a6 rgb(96,24,166)
```
#a66018
```
#a66018 rgb(166,96,24)
```
#18a660
```
#18a660 rgb(24,166,96)
```

Triadic Color

#a6185e
```
#a6185e rgb(166,24,94)
```
#a66018
```
#a66018 rgb(166,96,24)
```
#18a660
```
#18a660 rgb(24,166,96)
```
#185ea6
```
#185ea6 rgb(24,94,166)
```

Tetradic Color

#63390e
```
#63390e rgb(99,57,14)
```
#794612
```
#794612 rgb(121,70,18)
```
#905315
```
#905315 rgb(144,83,21)
```
#a66018
```
#a66018 rgb(166,96,24)
```
#bc6d1b
```
#bc6d1b rgb(188,109,27)
```
#d37a1e
```
#d37a1e rgb(211,122,30)
```
#e0872a
```
#e0872a rgb(224,135,42)
```

Monochromatic Color

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

#a63d18
```
#a63d18 rgb(166,61,24)
```
#a64818
```
#a64818 rgb(166,72,24)
```
#a65418
```
#a65418 rgb(166,84,24)
```
#a66018
```
#a66018 rgb(166,96,24)
```
#a66c18
```
#a66c18 rgb(166,108,24)
```
#a67818
```
#a67818 rgb(166,120,24)
```
#a68418
```
#a68418 rgb(166,132,24)
```

Similar Colors

Text with hexadecimal color #a66018

This text has a font color of #a66018.

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

#a66018 background color

This paragraph has a background color of #a66018.

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

#a66018 border color

This element has a border color of #a66018.

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

CSS codes

.text {color:#a66018;}

.background {background-color:#a66018;}

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

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

#0c0702
```
#0c0702 rgb(12,7,2)
```
#1d1104
```
#1d1104 rgb(29,17,4)
```
#2e1b07
```
#2e1b07 rgb(46,27,7)
```
#3f2509
```
#3f2509 rgb(63,37,9)
```
#502e0c
```
#502e0c rgb(80,46,12)
```
#61380e
```
#61380e rgb(97,56,14)
```
#734211
```
#734211 rgb(115,66,17)
```
#844c13
```
#844c13 rgb(132,76,19)
```
#955616
```
#955616 rgb(149,86,22)
```
#a66018
```
#a66018 rgb(166,96,24)
```
#b76a1a
```
#b76a1a rgb(183,106,26)
```
#c8741d
```
#c8741d rgb(200,116,29)
```
#d97e1f
```
#d97e1f rgb(217,126,31)
```

Shade Color Variation

#e0882c
```
#e0882c rgb(224,136,44)
```
#e3913d
```
#e3913d rgb(227,145,61)
```
#e59b4e
```
#e59b4e rgb(229,155,78)
```
#e8a55f
```
#e8a55f rgb(232,165,95)
```
#eaae71
```
#eaae71 rgb(234,174,113)
```
#edb882
```
#edb882 rgb(237,184,130)
```
#efc293
```
#efc293 rgb(239,194,147)
```
#f2cba4
```
#f2cba4 rgb(242,203,164)
```
#f4d5b5
```
#f4d5b5 rgb(244,213,181)
```
#f7dfc6
```
#f7dfc6 rgb(247,223,198)
```
#f9e9d7
```
#f9e9d7 rgb(249,233,215)
```
#fcf2e8
```
#fcf2e8 rgb(252,242,232)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#645f5a
```
#645f5a rgb(100,95,90)
```
#6c5f52
```
#6c5f52 rgb(108,95,82)
```
#735f4b
```
#735f4b rgb(115,95,75)
```
#7a5f44
```
#7a5f44 rgb(122,95,68)
```
#815f3d
```
#815f3d rgb(129,95,61)
```
#896035
```
#896035 rgb(137,96,53)
```
#90602e
```
#90602e rgb(144,96,46)
```
#976027
```
#976027 rgb(151,96,39)
```
#9f601f
```
#9f601f rgb(159,96,31)
```
#a66018
```
#a66018 rgb(166,96,24)
```
#ad6011
```
#ad6011 rgb(173,96,17)
```
#b56009
```
#b56009 rgb(181,96,9)
```
#bc6002
```
#bc6002 rgb(188,96,2)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#786a5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#867828 Protanopia 1% of men
#96721e Deuteranopia 1% of men
#ae6168 Tritanopia 0.001% of the population

Trichromacy

#916f22 Protanomaly 1% of men, 0.01% of women
#9b6b1c Deuteranomaly 6% of men, 0.4% of women
#ab614b Tritanomaly 0.01% of the population

#a66018 hex color

#a66018 Color Information

#a66018 Color Conversion

Color Schemes with #a66018

Alternatives to #a66018

#a66018 Preview

Shades and Tints of #a66018

Tones of #a66018

Color Blindness Simulator