#a5582f hex color

In a RGB color space, hex #a5582f is composed of 64.7% red, 34.5% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.7% magenta, 71.5% yellow and 35.3% black. It has a hue angle of 20.8 degrees, a saturation of 55.7% and a lightness of 41.6%. #a5582f color hex could be obtained by blending #ffb05e with #4b0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a5582f has RGB values of R:165, G:88, B:47 and CMYK values of C:0, M:0.47, Y:0.72, K:0.35. Its decimal value is 10836015.

Hex triplet	a5582f	`#a5582f`
RGB Decimal	165, 88, 47	`rgb(165,88,47)`
RGB Percent	64.7, 34.5, 18.4	`rgb(64.7%,34.5%,18.4%)`
CMYK	0, 47, 72, 35
HSL	20.8°, 55.7, 41.6	`hsl(20.8,55.7%,41.6%)`
HSV (or HSB)	20.8°, 71.5, 64.7
Web Safe	996633	`#996633`

CIE-LAB	45.887, 28.243, 37.085
XYZ	19.52, 15.186, 4.592
xyY	0.497, 0.386, 15.186
CIE-LCH	45.887, 46.615, 52.708
CIE-LUV	45.887, 60.387, 32.894
Hunter-Lab	38.969, 21.22, 20.291
Binary	10100101, 01011000, 00101111

#a5582f
```
#a5582f rgb(165,88,47)
```
#2f7ca5
```
#2f7ca5 rgb(47,124,165)
```

Complementary Color

#a52f41
```
#a52f41 rgb(165,47,65)
```
#a5582f
```
#a5582f rgb(165,88,47)
```
#a5932f
```
#a5932f rgb(165,147,47)
```

Analogous Color

#2f41a5
```
#2f41a5 rgb(47,65,165)
```
#a5582f
```
#a5582f rgb(165,88,47)
```
#2fa593
```
#2fa593 rgb(47,165,147)
```

Split Complementary Color

#582fa5
```
#582fa5 rgb(88,47,165)
```
#a5582f
```
#a5582f rgb(165,88,47)
```
#2fa558
```
#2fa558 rgb(47,165,88)
```

Triadic Color

#a52f7c
```
#a52f7c rgb(165,47,124)
```
#a5582f
```
#a5582f rgb(165,88,47)
```
#2fa558
```
#2fa558 rgb(47,165,88)
```
#2f7ca5
```
#2f7ca5 rgb(47,124,165)
```

Tetradic Color

#69381e
```
#69381e rgb(105,56,30)
```
#7d4324
```
#7d4324 rgb(125,67,36)
```
#914d29
```
#914d29 rgb(145,77,41)
```
#a5582f
```
#a5582f rgb(165,88,47)
```
#b96335
```
#b96335 rgb(185,99,53)
```
#c86f3f
```
#c86f3f rgb(200,111,63)
```
#ce7d53
```
#ce7d53 rgb(206,125,83)
```

Monochromatic Color

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

#a53b2f
```
#a53b2f rgb(165,59,47)
```
#a5442f
```
#a5442f rgb(165,68,47)
```
#a54e2f
```
#a54e2f rgb(165,78,47)
```
#a5582f
```
#a5582f rgb(165,88,47)
```
#a5622f
```
#a5622f rgb(165,98,47)
```
#a56c2f
```
#a56c2f rgb(165,108,47)
```
#a5762f
```
#a5762f rgb(165,118,47)
```

Similar Colors

Text with hexadecimal color #a5582f

This text has a font color of #a5582f.

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

#a5582f background color

This paragraph has a background color of #a5582f.

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

#a5582f border color

This element has a border color of #a5582f.

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

CSS codes

.text {color:#a5582f;}

.background {background-color:#a5582f;}

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

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

#0c0704
```
#0c0704 rgb(12,7,4)
```
#1c0f08
```
#1c0f08 rgb(28,15,8)
```
#2b170c
```
#2b170c rgb(43,23,12)
```
#3a1f11
```
#3a1f11 rgb(58,31,17)
```
#492715
```
#492715 rgb(73,39,21)
```
#592f19
```
#592f19 rgb(89,47,25)
```
#68371e
```
#68371e rgb(104,55,30)
```
#774022
```
#774022 rgb(119,64,34)
```
#864826
```
#864826 rgb(134,72,38)
```
#96502b
```
#96502b rgb(150,80,43)
```
#a5582f
```
#a5582f rgb(165,88,47)
```
#b46033
```
#b46033 rgb(180,96,51)
```
#c46838
```
#c46838 rgb(196,104,56)
```

Shade Color Variation

#ca7345
```
#ca7345 rgb(202,115,69)
```
#ce7f54
```
#ce7f54 rgb(206,127,84)
```
#d38a63
```
#d38a63 rgb(211,138,99)
```
#d79673
```
#d79673 rgb(215,150,115)
```
#dba182
```
#dba182 rgb(219,161,130)
```
#e0ac91
```
#e0ac91 rgb(224,172,145)
```
#e4b8a0
```
#e4b8a0 rgb(228,184,160)
```
#e8c3b0
```
#e8c3b0 rgb(232,195,176)
```
#edcfbf
```
#edcfbf rgb(237,207,191)
```
#f1dace
```
#f1dace rgb(241,218,206)
```
#f5e6de
```
#f5e6de rgb(245,230,222)
```
#faf1ed
```
#faf1ed rgb(250,241,237)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#6c6968
```
#6c6968 rgb(108,105,104)
```
#746760
```
#746760 rgb(116,103,96)
```
#7c6458
```
#7c6458 rgb(124,100,88)
```
#846250
```
#846250 rgb(132,98,80)
```
#8d5f47
```
#8d5f47 rgb(141,95,71)
```
#955d3f
```
#955d3f rgb(149,93,63)
```
#9d5a37
```
#9d5a37 rgb(157,90,55)
```
#a5582f
```
#a5582f rgb(165,88,47)
```
#ad5627
```
#ad5627 rgb(173,86,39)
```
#b5531f
```
#b5531f rgb(181,83,31)
```
#bd5117
```
#bd5117 rgb(189,81,23)
```
#c64e0e
```
#c64e0e rgb(198,78,14)
```
#ce4c06
```
#ce4c06 rgb(206,76,6)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#76665e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f743f Protanopia 1% of men
#8e6f35 Deuteranopia 1% of men
#ac5b61 Tritanopia 0.001% of the population

Trichromacy

#8d6a39 Protanomaly 1% of men, 0.01% of women
#966633 Deuteranomaly 6% of men, 0.4% of women
#a95a4f Tritanomaly 0.01% of the population

#a5582f hex color

#a5582f Color Information

#a5582f Color Conversion

Color Schemes with #a5582f

Alternatives to #a5582f

#a5582f Preview

Shades and Tints of #a5582f

Tones of #a5582f

Color Blindness Simulator