#a1682a hex color

In a RGB color space, hex #a1682a is composed of 63.1% red, 40.8% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.4% magenta, 73.9% yellow and 36.9% black. It has a hue angle of 31.3 degrees, a saturation of 58.6% and a lightness of 39.8%. #a1682a color hex could be obtained by blending #ffd054 with #430000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 63
- G 41
- B 16
RGB color chart
- C 0
- M 35
- Y 74
- K 37
CMYK color chart

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

The hexadecimal color #a1682a has RGB values of R:161, G:104, B:42 and CMYK values of C:0, M:0.35, Y:0.74, K:0.37. Its decimal value is 10577962.

Hex triplet	a1682a	`#a1682a`
RGB Decimal	161, 104, 42	`rgb(161,104,42)`
RGB Percent	63.1, 40.8, 16.5	`rgb(63.1%,40.8%,16.5%)`
CMYK	0, 35, 74, 37
HSL	31.3°, 58.6, 39.8	`hsl(31.3,58.6%,39.8%)`
HSV (or HSB)	31.3°, 73.9, 63.1
Web Safe	996633	`#996633`

CIE-LAB	49.064, 17.276, 42.829
XYZ	20.067, 17.646, 4.54
xyY	0.475, 0.418, 17.646
CIE-LCH	49.064, 46.182, 68.032
CIE-LUV	49.064, 45.394, 40.775
Hunter-Lab	42.007, 11.755, 22.998
Binary	10100001, 01101000, 00101010

#a1682a
```
#a1682a rgb(161,104,42)
```
#2a63a1
```
#2a63a1 rgb(42,99,161)
```

Complementary Color

#a12d2a
```
#a12d2a rgb(161,45,42)
```
#a1682a
```
#a1682a rgb(161,104,42)
```
#9fa12a
```
#9fa12a rgb(159,161,42)
```

Analogous Color

#2d2aa1
```
#2d2aa1 rgb(45,42,161)
```
#a1682a
```
#a1682a rgb(161,104,42)
```
#2a9fa1
```
#2a9fa1 rgb(42,159,161)
```

Split Complementary Color

#682aa1
```
#682aa1 rgb(104,42,161)
```
#a1682a
```
#a1682a rgb(161,104,42)
```
#2aa168
```
#2aa168 rgb(42,161,104)
```

Triadic Color

#a12a63
```
#a12a63 rgb(161,42,99)
```
#a1682a
```
#a1682a rgb(161,104,42)
```
#2aa168
```
#2aa168 rgb(42,161,104)
```
#2a63a1
```
#2a63a1 rgb(42,99,161)
```

Tetradic Color

#64411a
```
#64411a rgb(100,65,26)
```
#794e1f
```
#794e1f rgb(121,78,31)
```
#8d5b25
```
#8d5b25 rgb(141,91,37)
```
#a1682a
```
#a1682a rgb(161,104,42)
```
#b5752f
```
#b5752f rgb(181,117,47)
```
#c98235
```
#c98235 rgb(201,130,53)
```
#cf8f48
```
#cf8f48 rgb(207,143,72)
```

Monochromatic Color

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

#a14a2a
```
#a14a2a rgb(161,74,42)
```
#a1542a
```
#a1542a rgb(161,84,42)
```
#a15e2a
```
#a15e2a rgb(161,94,42)
```
#a1682a
```
#a1682a rgb(161,104,42)
```
#a1722a
```
#a1722a rgb(161,114,42)
```
#a17c2a
```
#a17c2a rgb(161,124,42)
```
#a1862a
```
#a1862a rgb(161,134,42)
```

Similar Colors

Text with hexadecimal color #a1682a

This text has a font color of #a1682a.

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

#a1682a background color

This paragraph has a background color of #a1682a.

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

#a1682a border color

This element has a border color of #a1682a.

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

CSS codes

.text {color:#a1682a;}

.background {background-color:#a1682a;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#150e05
```
#150e05 rgb(21,14,5)
```
#25180a
```
#25180a rgb(37,24,10)
```
#34220e
```
#34220e rgb(52,34,14)
```
#442c12
```
#442c12 rgb(68,44,18)
```
#533616
```
#533616 rgb(83,54,22)
```
#63401a
```
#63401a rgb(99,64,26)
```
#724a1e
```
#724a1e rgb(114,74,30)
```
#825422
```
#825422 rgb(130,84,34)
```
#915e26
```
#915e26 rgb(145,94,38)
```
#a1682a
```
#a1682a rgb(161,104,42)
```
#b1722e
```
#b1722e rgb(177,114,46)
```
#c07c32
```
#c07c32 rgb(192,124,50)
```

Shade Color Variation

#cc863a
```
#cc863a rgb(204,134,58)
```
#d0904a
```
#d0904a rgb(208,144,74)
```
#d49959
```
#d49959 rgb(212,153,89)
```
#d8a369
```
#d8a369 rgb(216,163,105)
```
#dcac78
```
#dcac78 rgb(220,172,120)
```
#e0b688
```
#e0b688 rgb(224,182,136)
```
#e4bf98
```
#e4bf98 rgb(228,191,152)
```
#e8c9a7
```
#e8c9a7 rgb(232,201,167)
```
#ecd3b7
```
#ecd3b7 rgb(236,211,183)
```
#f0dcc6
```
#f0dcc6 rgb(240,220,198)
```
#f4e6d6
```
#f4e6d6 rgb(244,230,214)
```
#f8efe5
```
#f8efe5 rgb(248,239,229)
```
#fcf9f5
```
#fcf9f5 rgb(252,249,245)
```

Tint Color Variation

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

#6a6661
```
#6a6661 rgb(106,102,97)
```
#726659
```
#726659 rgb(114,102,89)
```
#7a6651
```
#7a6651 rgb(122,102,81)
```
#826749
```
#826749 rgb(130,103,73)
```
#8a6741
```
#8a6741 rgb(138,103,65)
```
#91673a
```
#91673a rgb(145,103,58)
```
#996832
```
#996832 rgb(153,104,50)
```
#a1682a
```
#a1682a rgb(161,104,42)
```
#a96822
```
#a96822 rgb(169,104,34)
```
#b1691a
```
#b1691a rgb(177,105,26)
```
#b86913
```
#b86913 rgb(184,105,19)
```
#c0690b
```
#c0690b rgb(192,105,11)
```
#c86a03
```
#c86a03 rgb(200,106,3)
```

Tone Color Variation

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

Dichromacy

#897b38 Protanopia 1% of men
#987632 Deuteranopia 1% of men
#a96970 Tritanopia 0.001% of the population

Trichromacy

#917433 Protanomaly 1% of men, 0.01% of women
#9b702f Deuteranomaly 6% of men, 0.4% of women
#a66856 Tritanomaly 0.01% of the population

#a1682a hex color

#a1682a Color Information

#a1682a Color Conversion

Color Schemes with #a1682a

Alternatives to #a1682a

#a1682a Preview

Shades and Tints of #a1682a

Tones of #a1682a

Color Blindness Simulator