#a5682d hex color

In a RGB color space, hex #a5682d is composed of 64.7% red, 40.8% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37% magenta, 72.7% yellow and 35.3% black. It has a hue angle of 29.5 degrees, a saturation of 57.1% and a lightness of 41.2%. #a5682d color hex could be obtained by blending #ffd05a with #4b0000. Closest websafe color is: #996633.

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

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

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

Hex triplet	a5682d	`#a5682d`
RGB Decimal	165, 104, 45	`rgb(165,104,45)`
RGB Percent	64.7, 40.8, 17.6	`rgb(64.7%,40.8%,17.6%)`
CMYK	0, 37, 73, 35
HSL	29.5°, 57.1, 41.2	`hsl(29.5,57.1%,41.2%)`
HSV (or HSB)	29.5°, 72.7, 64.7
Web Safe	996633	`#996633`

CIE-LAB	49.606, 19.205, 42.113
XYZ	20.942, 18.091, 4.871
xyY	0.477, 0.412, 18.091
CIE-LCH	49.606, 46.286, 65.485
CIE-LUV	49.606, 48.421, 40.082
Hunter-Lab	42.533, 13.452, 22.983
Binary	10100101, 01101000, 00101101

#a5682d
```
#a5682d rgb(165,104,45)
```
#2d6aa5
```
#2d6aa5 rgb(45,106,165)
```

Complementary Color

#a52d2e
```
#a52d2e rgb(165,45,46)
```
#a5682d
```
#a5682d rgb(165,104,45)
```
#a5a42d
```
#a5a42d rgb(165,164,45)
```

Analogous Color

#2d2ea5
```
#2d2ea5 rgb(45,46,165)
```
#a5682d
```
#a5682d rgb(165,104,45)
```
#2da5a4
```
#2da5a4 rgb(45,165,164)
```

Split Complementary Color

#682da5
```
#682da5 rgb(104,45,165)
```
#a5682d
```
#a5682d rgb(165,104,45)
```
#2da568
```
#2da568 rgb(45,165,104)
```

Triadic Color

#a52d6a
```
#a52d6a rgb(165,45,106)
```
#a5682d
```
#a5682d rgb(165,104,45)
```
#2da568
```
#2da568 rgb(45,165,104)
```
#2d6aa5
```
#2d6aa5 rgb(45,106,165)
```

Tetradic Color

#69421d
```
#69421d rgb(105,66,29)
```
#7d4f22
```
#7d4f22 rgb(125,79,34)
```
#915b28
```
#915b28 rgb(145,91,40)
```
#a5682d
```
#a5682d rgb(165,104,45)
```
#b97532
```
#b97532 rgb(185,117,50)
```
#ca813b
```
#ca813b rgb(202,129,59)
```
#cf8e4f
```
#cf8e4f rgb(207,142,79)
```

Monochromatic Color

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

#a54a2d
```
#a54a2d rgb(165,74,45)
```
#a5542d
```
#a5542d rgb(165,84,45)
```
#a55e2d
```
#a55e2d rgb(165,94,45)
```
#a5682d
```
#a5682d rgb(165,104,45)
```
#a5722d
```
#a5722d rgb(165,114,45)
```
#a57c2d
```
#a57c2d rgb(165,124,45)
```
#a5862d
```
#a5862d rgb(165,134,45)
```

Similar Colors

Text with hexadecimal color #a5682d

This text has a font color of #a5682d.

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

#a5682d background color

This paragraph has a background color of #a5682d.

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

#a5682d border color

This element has a border color of #a5682d.

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

CSS codes

.text {color:#a5682d;}

.background {background-color:#a5682d;}

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

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

#0b0703
```
#0b0703 rgb(11,7,3)
```
#1a1107
```
#1a1107 rgb(26,17,7)
```
#2a1a0b
```
#2a1a0b rgb(42,26,11)
```
#392410
```
#392410 rgb(57,36,16)
```
#492e14
```
#492e14 rgb(73,46,20)
```
#583718
```
#583718 rgb(88,55,24)
```
#67411c
```
#67411c rgb(103,65,28)
```
#774b20
```
#774b20 rgb(119,75,32)
```
#865525
```
#865525 rgb(134,85,37)
```
#965e29
```
#965e29 rgb(150,94,41)
```
#a5682d
```
#a5682d rgb(165,104,45)
```
#b47231
```
#b47231 rgb(180,114,49)
```
#c47b35
```
#c47b35 rgb(196,123,53)
```

Shade Color Variation

#cb8542
```
#cb8542 rgb(203,133,66)
```
#d08f51
```
#d08f51 rgb(208,143,81)
```
#d49960
```
#d49960 rgb(212,153,96)
```
#d8a370
```
#d8a370 rgb(216,163,112)
```
#dcad7f
```
#dcad7f rgb(220,173,127)
```
#e0b78f
```
#e0b78f rgb(224,183,143)
```
#e5c19e
```
#e5c19e rgb(229,193,158)
```
#e9cbad
```
#e9cbad rgb(233,203,173)
```
#edd4bd
```
#edd4bd rgb(237,212,189)
```
#f1decc
```
#f1decc rgb(241,222,204)
```
#f5e8dc
```
#f5e8dc rgb(245,232,220)
```
#faf2eb
```
#faf2eb rgb(250,242,235)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#6c6966
```
#6c6966 rgb(108,105,102)
```
#75695d
```
#75695d rgb(117,105,93)
```
#7d6955
```
#7d6955 rgb(125,105,85)
```
#85694d
```
#85694d rgb(133,105,77)
```
#8d6845
```
#8d6845 rgb(141,104,69)
```
#95683d
```
#95683d rgb(149,104,61)
```
#9d6835
```
#9d6835 rgb(157,104,53)
```
#a5682d
```
#a5682d rgb(165,104,45)
```
#ad6825
```
#ad6825 rgb(173,104,37)
```
#b5681d
```
#b5681d rgb(181,104,29)
```
#bd6815
```
#bd6815 rgb(189,104,21)
```
#c5670d
```
#c5670d rgb(197,103,13)
```
#cd6705
```
#cd6705 rgb(205,103,5)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#7e7266 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7d3b Protanopia 1% of men
#9a7735 Deuteranopia 1% of men
#ad6970 Tritanopia 0.001% of the population

Trichromacy

#937536 Protanomaly 1% of men, 0.01% of women
#9e7132 Deuteranomaly 6% of men, 0.4% of women
#aa6958 Tritanomaly 0.01% of the population

#a5682d hex color

#a5682d Color Information

#a5682d Color Conversion

Color Schemes with #a5682d

Alternatives to #a5682d

#a5682d Preview

Shades and Tints of #a5682d

Tones of #a5682d

Color Blindness Simulator