#a5684e hex color

In a RGB color space, hex #a5684e is composed of 64.7% red, 40.8% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37% magenta, 52.7% yellow and 35.3% black. It has a hue angle of 17.9 degrees, a saturation of 35.8% and a lightness of 47.6%. #a5684e color hex could be obtained by blending #ffd09c with #4b0000. Closest websafe color is: #996666.

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

● #a5684e color description : Dark moderate orange.

The hexadecimal color #a5684e has RGB values of R:165, G:104, B:78 and CMYK values of C:0, M:0.37, Y:0.53, K:0.35. Its decimal value is 10840142.

Hex triplet	a5684e	`#a5684e`
RGB Decimal	165, 104, 78	`rgb(165,104,78)`
RGB Percent	64.7, 40.8, 30.6	`rgb(64.7%,40.8%,30.6%)`
CMYK	0, 37, 53, 35
HSL	17.9°, 35.8, 47.6	`hsl(17.9,35.8%,47.6%)`
HSV (or HSB)	17.9°, 52.7, 64.7
Web Safe	996666	`#996666`

CIE-LAB	50.039, 21.611, 24.788
XYZ	21.843, 18.451, 9.618
xyY	0.438, 0.37, 18.451
CIE-LCH	50.039, 32.886, 48.917
CIE-LUV	50.039, 44.864, 25.222
Hunter-Lab	42.955, 15.596, 16.793
Binary	10100101, 01101000, 01001110

#a5684e
```
#a5684e rgb(165,104,78)
```
#4e8ba5
```
#4e8ba5 rgb(78,139,165)
```

Complementary Color

#a54e60
```
#a54e60 rgb(165,78,96)
```
#a5684e
```
#a5684e rgb(165,104,78)
```
#a5944e
```
#a5944e rgb(165,148,78)
```

Analogous Color

#4e60a5
```
#4e60a5 rgb(78,96,165)
```
#a5684e
```
#a5684e rgb(165,104,78)
```
#4ea594
```
#4ea594 rgb(78,165,148)
```

Split Complementary Color

#684ea5
```
#684ea5 rgb(104,78,165)
```
#a5684e
```
#a5684e rgb(165,104,78)
```
#4ea568
```
#4ea568 rgb(78,165,104)
```

Triadic Color

#a54e8b
```
#a54e8b rgb(165,78,139)
```
#a5684e
```
#a5684e rgb(165,104,78)
```
#4ea568
```
#4ea568 rgb(78,165,104)
```
#4e8ba5
```
#4e8ba5 rgb(78,139,165)
```

Tetradic Color

#714735
```
#714735 rgb(113,71,53)
```
#82523e
```
#82523e rgb(130,82,62)
```
#945d46
```
#945d46 rgb(148,93,70)
```
#a5684e
```
#a5684e rgb(165,104,78)
```
#b1755b
```
#b1755b rgb(177,117,91)
```
#ba836c
```
#ba836c rgb(186,131,108)
```
#c2927e
```
#c2927e rgb(194,146,126)
```

Monochromatic Color

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

#a5524e
```
#a5524e rgb(165,82,78)
```
#a55a4e
```
#a55a4e rgb(165,90,78)
```
#a5614e
```
#a5614e rgb(165,97,78)
```
#a5684e
```
#a5684e rgb(165,104,78)
```
#a56f4e
```
#a56f4e rgb(165,111,78)
```
#a5774e
```
#a5774e rgb(165,119,78)
```
#a57e4e
```
#a57e4e rgb(165,126,78)
```

Similar Colors

Text with hexadecimal color #a5684e

This text has a font color of #a5684e.

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

#a5684e background color

This paragraph has a background color of #a5684e.

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

#a5684e border color

This element has a border color of #a5684e.

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

CSS codes

.text {color:#a5684e;}

.background {background-color:#a5684e;}

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

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

#050302
```
#050302 rgb(5,3,2)
```
#120c09
```
#120c09 rgb(18,12,9)
```
#20140f
```
#20140f rgb(32,20,15)
```
#2d1c15
```
#2d1c15 rgb(45,28,21)
```
#3a251c
```
#3a251c rgb(58,37,28)
```
#482d22
```
#482d22 rgb(72,45,34)
```
#553628
```
#553628 rgb(85,54,40)
```
#623e2f
```
#623e2f rgb(98,62,47)
```
#704635
```
#704635 rgb(112,70,53)
```
#7d4f3b
```
#7d4f3b rgb(125,79,59)
```
#8a5741
```
#8a5741 rgb(138,87,65)
```
#986048
```
#986048 rgb(152,96,72)
```
#a5684e
```
#a5684e rgb(165,104,78)
```

Shade Color Variation

#b07157
```
#b07157 rgb(176,113,87)
```
#b67d64
```
#b67d64 rgb(182,125,100)
```
#bc8872
```
#bc8872 rgb(188,136,114)
```
#c2937f
```
#c2937f rgb(194,147,127)
```
#c99e8c
```
#c99e8c rgb(201,158,140)
```
#cfaa9a
```
#cfaa9a rgb(207,170,154)
```
#d5b5a7
```
#d5b5a7 rgb(213,181,167)
```
#dcc0b4
```
#dcc0b4 rgb(220,192,180)
```
#e2cbc2
```
#e2cbc2 rgb(226,203,194)
```
#e8d6cf
```
#e8d6cf rgb(232,214,207)
```
#efe2dc
```
#efe2dc rgb(239,226,220)
```
#f5edea
```
#f5edea rgb(245,237,234)
```
#fbf8f7
```
#fbf8f7 rgb(251,248,247)
```

Tint Color Variation

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

#807773
```
#807773 rgb(128,119,115)
```
#89736a
```
#89736a rgb(137,115,106)
```
#927061
```
#927061 rgb(146,112,97)
```
#9c6c57
```
#9c6c57 rgb(156,108,87)
```
#a5684e
```
#a5684e rgb(165,104,78)
```
#ae6445
```
#ae6445 rgb(174,100,69)
```
#b8603b
```
#b8603b rgb(184,96,59)
```
#c15d32
```
#c15d32 rgb(193,93,50)
```
#ca5929
```
#ca5929 rgb(202,89,41)
```
#d4551f
```
#d4551f rgb(212,85,31)
```
#dd5116
```
#dd5116 rgb(221,81,22)
```
#e64e0d
```
#e64e0d rgb(230,78,13)
```
#f04a03
```
#f04a03 rgb(240,74,3)
```

Tone Color Variation

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

Dichromacy

#877d5c Protanopia 1% of men
#967854 Deuteranopia 1% of men
#ac6c73 Tritanopia 0.001% of the population

Trichromacy

#927557 Protanomaly 1% of men, 0.01% of women
#9b7252 Deuteranomaly 6% of men, 0.4% of women
#a96a65 Tritanomaly 0.01% of the population

#a5684e hex color

#a5684e Color Information

#a5684e Color Conversion

Color Schemes with #a5684e

Alternatives to #a5684e

#a5684e Preview

Shades and Tints of #a5684e

Tones of #a5684e

Color Blindness Simulator