#a4580c hex color

In a RGB color space, hex #a4580c is composed of 64.3% red, 34.5% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.3% magenta, 92.7% yellow and 35.7% black. It has a hue angle of 30 degrees, a saturation of 86.4% and a lightness of 34.5%. #a4580c color hex could be obtained by blending #ffb018 with #490000. Closest websafe color is: #996600.

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

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

The hexadecimal color #a4580c has RGB values of R:164, G:88, B:12 and CMYK values of C:0, M:0.46, Y:0.93, K:0.36. Its decimal value is 10770444.

Hex triplet	a4580c	`#a4580c`
RGB Decimal	164, 88, 12	`rgb(164,88,12)`
RGB Percent	64.3, 34.5, 4.7	`rgb(64.3%,34.5%,4.7%)`
CMYK	0, 46, 93, 36
HSL	30°, 86.4, 34.5	`hsl(30,86.4%,34.5%)`
HSV (or HSB)	30°, 92.7, 64.3
Web Safe	996600	`#996600`

CIE-LAB	45.497, 26.594, 51.307
XYZ	18.867, 14.9, 2.23
xyY	0.524, 0.414, 14.9
CIE-LCH	45.497, 57.79, 62.601
CIE-LUV	45.497, 62.201, 41.458
Hunter-Lab	38.601, 19.693, 23.595
Binary	10100100, 01011000, 00001100

#a4580c
```
#a4580c rgb(164,88,12)
```
#0c58a4
```
#0c58a4 rgb(12,88,164)
```

Complementary Color

#a40c0c
```
#a40c0c rgb(164,12,12)
```
#a4580c
```
#a4580c rgb(164,88,12)
```
#a4a40c
```
#a4a40c rgb(164,164,12)
```

Analogous Color

#0c0ca4
```
#0c0ca4 rgb(12,12,164)
```
#a4580c
```
#a4580c rgb(164,88,12)
```
#0ca4a4
```
#0ca4a4 rgb(12,164,164)
```

Split Complementary Color

#580ca4
```
#580ca4 rgb(88,12,164)
```
#a4580c
```
#a4580c rgb(164,88,12)
```
#0ca458
```
#0ca458 rgb(12,164,88)
```

Triadic Color

#a40c58
```
#a40c58 rgb(164,12,88)
```
#a4580c
```
#a4580c rgb(164,88,12)
```
#0ca458
```
#0ca458 rgb(12,164,88)
```
#0c58a4
```
#0c58a4 rgb(12,88,164)
```

Tetradic Color

#5d3207
```
#5d3207 rgb(93,50,7)
```
#743f09
```
#743f09 rgb(116,63,9)
```
#8c4b0a
```
#8c4b0a rgb(140,75,10)
```
#a4580c
```
#a4580c rgb(164,88,12)
```
#bc650e
```
#bc650e rgb(188,101,14)
```
#d4720f
```
#d4720f rgb(212,114,15)
```
#eb7e11
```
#eb7e11 rgb(235,126,17)
```

Monochromatic Color

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

#a4320c
```
#a4320c rgb(164,50,12)
```
#a43f0c
```
#a43f0c rgb(164,63,12)
```
#a44b0c
```
#a44b0c rgb(164,75,12)
```
#a4580c
```
#a4580c rgb(164,88,12)
```
#a4650c
```
#a4650c rgb(164,101,12)
```
#a4710c
```
#a4710c rgb(164,113,12)
```
#a47e0c
```
#a47e0c rgb(164,126,12)
```

Similar Colors

Text with hexadecimal color #a4580c

This text has a font color of #a4580c.

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

#a4580c background color

This paragraph has a background color of #a4580c.

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

#a4580c border color

This element has a border color of #a4580c.

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

CSS codes

.text {color:#a4580c;}

.background {background-color:#a4580c;}

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

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, #120a01 is the darkest color, while #fffffe is the lightest one.

#120a01
```
#120a01 rgb(18,10,1)
```
#241303
```
#241303 rgb(36,19,3)
```
#361d04
```
#361d04 rgb(54,29,4)
```
#492705
```
#492705 rgb(73,39,5)
```
#5b3107
```
#5b3107 rgb(91,49,7)
```
#6d3b08
```
#6d3b08 rgb(109,59,8)
```
#7f4409
```
#7f4409 rgb(127,68,9)
```
#924e0b
```
#924e0b rgb(146,78,11)
```
#a4580c
```
#a4580c rgb(164,88,12)
```
#b6620d
```
#b6620d rgb(182,98,13)
```
#c96c0f
```
#c96c0f rgb(201,108,15)
```
#db7510
```
#db7510 rgb(219,117,16)
```
#ed7f11
```
#ed7f11 rgb(237,127,17)
```

Shade Color Variation

#ef8923
```
#ef8923 rgb(239,137,35)
```
#f09335
```
#f09335 rgb(240,147,53)
```
#f29d48
```
#f29d48 rgb(242,157,72)
```
#f3a65a
```
#f3a65a rgb(243,166,90)
```
#f4b06c
```
#f4b06c rgb(244,176,108)
```
#f6ba7f
```
#f6ba7f rgb(246,186,127)
```
#f7c491
```
#f7c491 rgb(247,196,145)
```
#f8cea3
```
#f8cea3 rgb(248,206,163)
```
#fad8b5
```
#fad8b5 rgb(250,216,181)
```
#fbe1c8
```
#fbe1c8 rgb(251,225,200)
```
#fcebda
```
#fcebda rgb(252,235,218)
```
#fef5ec
```
#fef5ec rgb(254,245,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#5a5856
```
#5a5856 rgb(90,88,86)
```
#605850
```
#605850 rgb(96,88,80)
```
#675849
```
#675849 rgb(103,88,73)
```
#6e5842
```
#6e5842 rgb(110,88,66)
```
#75583b
```
#75583b rgb(117,88,59)
```
#7b5835
```
#7b5835 rgb(123,88,53)
```
#82582e
```
#82582e rgb(130,88,46)
```
#895827
```
#895827 rgb(137,88,39)
```
#905820
```
#905820 rgb(144,88,32)
```
#96581a
```
#96581a rgb(150,88,26)
```
#9d5813
```
#9d5813 rgb(157,88,19)
```
#a4580c
```
#a4580c rgb(164,88,12)
```
#ab5805
```
#ab5805 rgb(171,88,5)
```

Tone Color Variation

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

Dichromacy

#81731d Protanopia 1% of men
#906d0a Deuteranopia 1% of men
#ab5a60 Tritanopia 0.001% of the population

Trichromacy

#8d6917 Protanomaly 1% of men, 0.01% of women
#97650b Deuteranomaly 6% of men, 0.4% of women
#a85941 Tritanomaly 0.01% of the population

#a4580c hex color

#a4580c Color Information

#a4580c Color Conversion

Color Schemes with #a4580c

Alternatives to #a4580c

#a4580c Preview

Shades and Tints of #a4580c

Tones of #a4580c

Color Blindness Simulator