#a5682c hex color

In a RGB color space, hex #a5682c is composed of 64.7% red, 40.8% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37% magenta, 73.3% yellow and 35.3% black. It has a hue angle of 29.8 degrees, a saturation of 57.9% and a lightness of 41%. #a5682c color hex could be obtained by blending #ffd058 with #4b0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 65
- G 41
- B 17
RGB color chart
- C 0
- M 37
- Y 73
- K 35
CMYK color chart

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

The hexadecimal color #a5682c has RGB values of R:165, G:104, B:44 and CMYK values of C:0, M:0.37, Y:0.73, K:0.35. Its decimal value is 10840108.

Hex triplet	a5682c	`#a5682c`
RGB Decimal	165, 104, 44	`rgb(165,104,44)`
RGB Percent	64.7, 40.8, 17.3	`rgb(64.7%,40.8%,17.3%)`
CMYK	0, 37, 73, 35
HSL	29.8°, 57.9, 41	`hsl(29.8,57.9%,41%)`
HSV (or HSB)	29.8°, 73.3, 64.7
Web Safe	996633	`#996633`

CIE-LAB	49.597, 19.153, 42.588
XYZ	20.923, 18.083, 4.771
xyY	0.478, 0.413, 18.083
CIE-LCH	49.597, 46.696, 65.785
CIE-LUV	49.597, 48.501, 40.415
Hunter-Lab	42.524, 13.406, 23.115
Binary	10100101, 01101000, 00101100

#a5682c
```
#a5682c rgb(165,104,44)
```
#2c69a5
```
#2c69a5 rgb(44,105,165)
```

Complementary Color

#a52c2c
```
#a52c2c rgb(165,44,44)
```
#a5682c
```
#a5682c rgb(165,104,44)
```
#a5a52c
```
#a5a52c rgb(165,165,44)
```

Analogous Color

#2c2ca5
```
#2c2ca5 rgb(44,44,165)
```
#a5682c
```
#a5682c rgb(165,104,44)
```
#2ca5a5
```
#2ca5a5 rgb(44,165,165)
```

Split Complementary Color

#682ca5
```
#682ca5 rgb(104,44,165)
```
#a5682c
```
#a5682c rgb(165,104,44)
```
#2ca568
```
#2ca568 rgb(44,165,104)
```

Triadic Color

#a52c69
```
#a52c69 rgb(165,44,105)
```
#a5682c
```
#a5682c rgb(165,104,44)
```
#2ca568
```
#2ca568 rgb(44,165,104)
```
#2c69a5
```
#2c69a5 rgb(44,105,165)
```

Tetradic Color

#69421c
```
#69421c rgb(105,66,28)
```
#7d4f21
```
#7d4f21 rgb(125,79,33)
```
#915b27
```
#915b27 rgb(145,91,39)
```
#a5682c
```
#a5682c rgb(165,104,44)
```
#b97531
```
#b97531 rgb(185,117,49)
```
#ca813a
```
#ca813a rgb(202,129,58)
```
#d08e4e
```
#d08e4e rgb(208,142,78)
```

Monochromatic Color

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

#a54a2c
```
#a54a2c rgb(165,74,44)
```
#a5542c
```
#a5542c rgb(165,84,44)
```
#a55e2c
```
#a55e2c rgb(165,94,44)
```
#a5682c
```
#a5682c rgb(165,104,44)
```
#a5722c
```
#a5722c rgb(165,114,44)
```
#a57c2c
```
#a57c2c rgb(165,124,44)
```
#a5862c
```
#a5862c rgb(165,134,44)
```

Similar Colors

Text with hexadecimal color #a5682c

This text has a font color of #a5682c.

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

#a5682c background color

This paragraph has a background color of #a5682c.

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

#a5682c border color

This element has a border color of #a5682c.

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

CSS codes

.text {color:#a5682c;}

.background {background-color:#a5682c;}

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

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

#0a0603
```
#0a0603 rgb(10,6,3)
```
#1a1007
```
#1a1007 rgb(26,16,7)
```
#291a0b
```
#291a0b rgb(41,26,11)
```
#39240f
```
#39240f rgb(57,36,15)
```
#482d13
```
#482d13 rgb(72,45,19)
```
#583717
```
#583717 rgb(88,55,23)
```
#67411b
```
#67411b rgb(103,65,27)
```
#774b20
```
#774b20 rgb(119,75,32)
```
#865424
```
#865424 rgb(134,84,36)
```
#965e28
```
#965e28 rgb(150,94,40)
```
#a5682c
```
#a5682c rgb(165,104,44)
```
#b47230
```
#b47230 rgb(180,114,48)
```
#c47c34
```
#c47c34 rgb(196,124,52)
```

Shade Color Variation

#cc8540
```
#cc8540 rgb(204,133,64)
```
#d08f4f
```
#d08f4f rgb(208,143,79)
```
#d4995f
```
#d4995f rgb(212,153,95)
```
#d8a36e
```
#d8a36e rgb(216,163,110)
```
#ddad7e
```
#ddad7e rgb(221,173,126)
```
#e1b78d
```
#e1b78d rgb(225,183,141)
```
#e5c09d
```
#e5c09d rgb(229,192,157)
```
#e9caac
```
#e9caac rgb(233,202,172)
```
#edd4bc
```
#edd4bc rgb(237,212,188)
```
#f1decb
```
#f1decb rgb(241,222,203)
```
#f5e8db
```
#f5e8db rgb(245,232,219)
```
#f9f2ea
```
#f9f2ea rgb(249,242,234)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#6d6864
```
#6d6864 rgb(109,104,100)
```
#75685c
```
#75685c rgb(117,104,92)
```
#7d6854
```
#7d6854 rgb(125,104,84)
```
#85684c
```
#85684c rgb(133,104,76)
```
#8d6844
```
#8d6844 rgb(141,104,68)
```
#95683c
```
#95683c rgb(149,104,60)
```
#9d6834
```
#9d6834 rgb(157,104,52)
```
#a5682c
```
#a5682c rgb(165,104,44)
```
#ad6824
```
#ad6824 rgb(173,104,36)
```
#b5681c
```
#b5681c rgb(181,104,28)
```
#bd6814
```
#bd6814 rgb(189,104,20)
```
#c5680c
```
#c5680c rgb(197,104,12)
```
#cd6804
```
#cd6804 rgb(205,104,4)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#7d7165 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7d3a Protanopia 1% of men
#9a7734 Deuteranopia 1% of men
#ad6970 Tritanopia 0.001% of the population

Trichromacy

#947535 Protanomaly 1% of men, 0.01% of women
#9e7131 Deuteranomaly 6% of men, 0.4% of women
#aa6957 Tritanomaly 0.01% of the population

#a5682c hex color

#a5682c Color Information

#a5682c Color Conversion

Color Schemes with #a5682c

Alternatives to #a5682c

#a5682c Preview

Shades and Tints of #a5682c

Tones of #a5682c

Color Blindness Simulator