#a66c30 hex color

In a RGB color space, hex #a66c30 is composed of 65.1% red, 42.4% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.9% magenta, 71.1% yellow and 34.9% black. It has a hue angle of 30.5 degrees, a saturation of 55.1% and a lightness of 42%. #a66c30 color hex could be obtained by blending #ffd860 with #4d0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a66c30 has RGB values of R:166, G:108, B:48 and CMYK values of C:0, M:0.35, Y:0.71, K:0.35. Its decimal value is 10906672.

Hex triplet	a66c30	`#a66c30`
RGB Decimal	166, 108, 48	`rgb(166,108,48)`
RGB Percent	65.1, 42.4, 18.8	`rgb(65.1%,42.4%,18.8%)`
CMYK	0, 35, 71, 35
HSL	30.5°, 55.1, 42	`hsl(30.5,55.1%,42%)`
HSV (or HSB)	30.5°, 71.1, 65.1
Web Safe	996633	`#996633`

CIE-LAB	50.742, 17.547, 41.893
XYZ	21.622, 19.047, 5.334
xyY	0.47, 0.414, 19.047
CIE-LCH	50.742, 45.42, 67.273
CIE-LUV	50.742, 45.95, 40.796
Hunter-Lab	43.643, 12.061, 23.304
Binary	10100110, 01101100, 00110000

#a66c30
```
#a66c30 rgb(166,108,48)
```
#306aa6
```
#306aa6 rgb(48,106,166)
```

Complementary Color

#a63130
```
#a63130 rgb(166,49,48)
```
#a66c30
```
#a66c30 rgb(166,108,48)
```
#a5a630
```
#a5a630 rgb(165,166,48)
```

Analogous Color

#3130a6
```
#3130a6 rgb(49,48,166)
```
#a66c30
```
#a66c30 rgb(166,108,48)
```
#30a5a6
```
#30a5a6 rgb(48,165,166)
```

Split Complementary Color

#6c30a6
```
#6c30a6 rgb(108,48,166)
```
#a66c30
```
#a66c30 rgb(166,108,48)
```
#30a66c
```
#30a66c rgb(48,166,108)
```

Triadic Color

#a6306a
```
#a6306a rgb(166,48,106)
```
#a66c30
```
#a66c30 rgb(166,108,48)
```
#30a66c
```
#30a66c rgb(48,166,108)
```
#306aa6
```
#306aa6 rgb(48,106,166)
```

Tetradic Color

#6b451f
```
#6b451f rgb(107,69,31)
```
#7e5225
```
#7e5225 rgb(126,82,37)
```
#925f2a
```
#925f2a rgb(146,95,42)
```
#a66c30
```
#a66c30 rgb(166,108,48)
```
#ba7936
```
#ba7936 rgb(186,121,54)
```
#c88641
```
#c88641 rgb(200,134,65)
```
#ce9255
```
#ce9255 rgb(206,146,85)
```

Monochromatic Color

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

#a64e30
```
#a64e30 rgb(166,78,48)
```
#a65830
```
#a65830 rgb(166,88,48)
```
#a66230
```
#a66230 rgb(166,98,48)
```
#a66c30
```
#a66c30 rgb(166,108,48)
```
#a67630
```
#a67630 rgb(166,118,48)
```
#a68030
```
#a68030 rgb(166,128,48)
```
#a68a30
```
#a68a30 rgb(166,138,48)
```

Similar Colors

Text with hexadecimal color #a66c30

This text has a font color of #a66c30.

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

#a66c30 background color

This paragraph has a background color of #a66c30.

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

#a66c30 border color

This element has a border color of #a66c30.

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

CSS codes

.text {color:#a66c30;}

.background {background-color:#a66c30;}

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

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

#0e0904
```
#0e0904 rgb(14,9,4)
```
#1d1308
```
#1d1308 rgb(29,19,8)
```
#2c1d0d
```
#2c1d0d rgb(44,29,13)
```
#3b2711
```
#3b2711 rgb(59,39,17)
```
#4b3116
```
#4b3116 rgb(75,49,22)
```
#5a3b1a
```
#5a3b1a rgb(90,59,26)
```
#69441e
```
#69441e rgb(105,68,30)
```
#784e23
```
#784e23 rgb(120,78,35)
```
#885827
```
#885827 rgb(136,88,39)
```
#97622c
```
#97622c rgb(151,98,44)
```
#a66c30
```
#a66c30 rgb(166,108,48)
```
#b57634
```
#b57634 rgb(181,118,52)
```
#c48039
```
#c48039 rgb(196,128,57)
```

Shade Color Variation

#ca8a47
```
#ca8a47 rgb(202,138,71)
```
#ce9356
```
#ce9356 rgb(206,147,86)
```
#d39d65
```
#d39d65 rgb(211,157,101)
```
#d7a775
```
#d7a775 rgb(215,167,117)
```
#dbb084
```
#dbb084 rgb(219,176,132)
```
#e0ba93
```
#e0ba93 rgb(224,186,147)
```
#e4c4a2
```
#e4c4a2 rgb(228,196,162)
```
#e9ceb2
```
#e9ceb2 rgb(233,206,178)
```
#edd7c1
```
#edd7c1 rgb(237,215,193)
```
#f1e1d0
```
#f1e1d0 rgb(241,225,208)
```
#f6ebdf
```
#f6ebdf rgb(246,235,223)
```
#faf4ee
```
#faf4ee rgb(250,244,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#6c6b6a
```
#6c6b6a rgb(108,107,106)
```
#756b61
```
#756b61 rgb(117,107,97)
```
#7d6b59
```
#7d6b59 rgb(125,107,89)
```
#856b51
```
#856b51 rgb(133,107,81)
```
#8d6c49
```
#8d6c49 rgb(141,108,73)
```
#966c40
```
#966c40 rgb(150,108,64)
```
#9e6c38
```
#9e6c38 rgb(158,108,56)
```
#a66c30
```
#a66c30 rgb(166,108,48)
```
#ae6c28
```
#ae6c28 rgb(174,108,40)
```
#b66c20
```
#b66c20 rgb(182,108,32)
```
#bf6c17
```
#bf6c17 rgb(191,108,23)
```
#c76d0f
```
#c76d0f rgb(199,109,15)
```
#cf6d07
```
#cf6d07 rgb(207,109,7)
```

Tone Color Variation

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

Dichromacy

#8d7f3e Protanopia 1% of men
#9d7938 Deuteranopia 1% of men
#ae6d74 Tritanopia 0.001% of the population

Trichromacy

#967839 Protanomaly 1% of men, 0.01% of women
#a07435 Deuteranomaly 6% of men, 0.4% of women
#ab6c5b Tritanomaly 0.01% of the population

#a66c30 hex color

#a66c30 Color Information

#a66c30 Color Conversion

Color Schemes with #a66c30

Alternatives to #a66c30

#a66c30 Preview

Shades and Tints of #a66c30

Tones of #a66c30

Color Blindness Simulator