#a5580c hex color

In a RGB color space, hex #a5580c is composed of 64.7% red, 34.5% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.7% magenta, 92.7% yellow and 35.3% black. It has a hue angle of 29.8 degrees, a saturation of 86.4% and a lightness of 34.7%. #a5580c color hex could be obtained by blending #ffb018 with #4b0000. Closest websafe color is: #996600.

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

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

The hexadecimal color #a5580c has RGB values of R:165, G:88, B:12 and CMYK values of C:0, M:0.47, Y:0.93, K:0.35. Its decimal value is 10835980.

Hex triplet	a5580c	`#a5580c`
RGB Decimal	165, 88, 12	`rgb(165,88,12)`
RGB Percent	64.7, 34.5, 4.7	`rgb(64.7%,34.5%,4.7%)`
CMYK	0, 47, 93, 35
HSL	29.8°, 86.4, 34.7	`hsl(29.8,86.4%,34.7%)`
HSV (or HSB)	29.8°, 92.7, 64.7
Web Safe	996600	`#996600`

CIE-LAB	45.644, 27.026, 51.481
XYZ	19.074, 15.007, 2.24
xyY	0.525, 0.413, 15.007
CIE-LCH	45.644, 58.143, 62.302
CIE-LUV	45.644, 63.044, 41.524
Hunter-Lab	38.739, 20.095, 23.689
Binary	10100101, 01011000, 00001100

#a5580c
```
#a5580c rgb(165,88,12)
```
#0c59a5
```
#0c59a5 rgb(12,89,165)
```

Complementary Color

#a50c0c
```
#a50c0c rgb(165,12,12)
```
#a5580c
```
#a5580c rgb(165,88,12)
```
#a5a50c
```
#a5a50c rgb(165,165,12)
```

Analogous Color

#0c0ca5
```
#0c0ca5 rgb(12,12,165)
```
#a5580c
```
#a5580c rgb(165,88,12)
```
#0ca5a5
```
#0ca5a5 rgb(12,165,165)
```

Split Complementary Color

#580ca5
```
#580ca5 rgb(88,12,165)
```
#a5580c
```
#a5580c rgb(165,88,12)
```
#0ca558
```
#0ca558 rgb(12,165,88)
```

Triadic Color

#a50c59
```
#a50c59 rgb(165,12,89)
```
#a5580c
```
#a5580c rgb(165,88,12)
```
#0ca558
```
#0ca558 rgb(12,165,88)
```
#0c59a5
```
#0c59a5 rgb(12,89,165)
```

Tetradic Color

#5e3207
```
#5e3207 rgb(94,50,7)
```
#753f09
```
#753f09 rgb(117,63,9)
```
#8d4b0a
```
#8d4b0a rgb(141,75,10)
```
#a5580c
```
#a5580c rgb(165,88,12)
```
#bd650e
```
#bd650e rgb(189,101,14)
```
#d5710f
```
#d5710f rgb(213,113,15)
```
#ec7e11
```
#ec7e11 rgb(236,126,17)
```

Monochromatic Color

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

#a5320c
```
#a5320c rgb(165,50,12)
```
#a53f0c
```
#a53f0c rgb(165,63,12)
```
#a54b0c
```
#a54b0c rgb(165,75,12)
```
#a5580c
```
#a5580c rgb(165,88,12)
```
#a5650c
```
#a5650c rgb(165,101,12)
```
#a5720c
```
#a5720c rgb(165,114,12)
```
#a57e0c
```
#a57e0c rgb(165,126,12)
```

Similar Colors

Text with hexadecimal color #a5580c

This text has a font color of #a5580c.

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

#a5580c background color

This paragraph has a background color of #a5580c.

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

#a5580c border color

This element has a border color of #a5580c.

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

CSS codes

.text {color:#a5580c;}

.background {background-color:#a5580c;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#130a01
```
#130a01 rgb(19,10,1)
```
#251403
```
#251403 rgb(37,20,3)
```
#371d04
```
#371d04 rgb(55,29,4)
```
#4a2705
```
#4a2705 rgb(74,39,5)
```
#5c3107
```
#5c3107 rgb(92,49,7)
```
#6e3b08
```
#6e3b08 rgb(110,59,8)
```
#804409
```
#804409 rgb(128,68,9)
```
#934e0b
```
#934e0b rgb(147,78,11)
```
#a5580c
```
#a5580c rgb(165,88,12)
```
#b7620d
```
#b7620d rgb(183,98,13)
```
#ca6c0f
```
#ca6c0f rgb(202,108,15)
```
#dc7510
```
#dc7510 rgb(220,117,16)
```

Shade Color Variation

#ee7f12
```
#ee7f12 rgb(238,127,18)
```
#ef8924
```
#ef8924 rgb(239,137,36)
```
#f09336
```
#f09336 rgb(240,147,54)
```
#f29d49
```
#f29d49 rgb(242,157,73)
```
#f3a65b
```
#f3a65b rgb(243,166,91)
```
#f4b06d
```
#f4b06d rgb(244,176,109)
```
#f6ba7f
```
#f6ba7f rgb(246,186,127)
```
#f7c492
```
#f7c492 rgb(247,196,146)
```
#f8cea4
```
#f8cea4 rgb(248,206,164)
```
#fad8b6
```
#fad8b6 rgb(250,216,182)
```
#fbe2c9
```
#fbe2c9 rgb(251,226,201)
```
#fcecdb
```
#fcecdb rgb(252,236,219)
```
#fef5ed
```
#fef5ed rgb(254,245,237)
```

Tint Color Variation

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

#5a5857
```
#5a5857 rgb(90,88,87)
```
#615850
```
#615850 rgb(97,88,80)
```
#685849
```
#685849 rgb(104,88,73)
```
#6f5842
```
#6f5842 rgb(111,88,66)
```
#75583c
```
#75583c rgb(117,88,60)
```
#7c5835
```
#7c5835 rgb(124,88,53)
```
#83582e
```
#83582e rgb(131,88,46)
```
#8a5827
```
#8a5827 rgb(138,88,39)
```
#915820
```
#915820 rgb(145,88,32)
```
#97581a
```
#97581a rgb(151,88,26)
```
#9e5813
```
#9e5813 rgb(158,88,19)
```
#a5580c
```
#a5580c rgb(165,88,12)
```
#ac5805
```
#ac5805 rgb(172,88,5)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#736354 Atypical Achromatopsia 0.001% of the population

Dichromacy

#81731d Protanopia 1% of men
#906e09 Deuteranopia 1% of men
#ac5a60 Tritanopia 0.001% of the population

Trichromacy

#8e6917 Protanomaly 1% of men, 0.01% of women
#98660a Deuteranomaly 6% of men, 0.4% of women
#a95941 Tritanomaly 0.01% of the population

#a5580c hex color

#a5580c Color Information

#a5580c Color Conversion

Color Schemes with #a5580c

Alternatives to #a5580c

#a5580c Preview

Shades and Tints of #a5580c

Tones of #a5580c

Color Blindness Simulator