#ab580f hex color

In a RGB color space, hex #ab580f is composed of 67.1% red, 34.5% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.5% magenta, 91.2% yellow and 32.9% black. It has a hue angle of 28.1 degrees, a saturation of 83.9% and a lightness of 36.5%. #ab580f color hex could be obtained by blending #ffb01e with #570000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 67
- G 35
- B 6
RGB color chart
- C 0
- M 49
- Y 91
- K 33
CMYK color chart

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

The hexadecimal color #ab580f has RGB values of R:171, G:88, B:15 and CMYK values of C:0, M:0.49, Y:0.91, K:0.33. Its decimal value is 11229199.

Hex triplet	ab580f	`#ab580f`
RGB Decimal	171, 88, 15	`rgb(171,88,15)`
RGB Percent	67.1, 34.5, 5.9	`rgb(67.1%,34.5%,5.9%)`
CMYK	0, 49, 91, 33
HSL	28.1°, 83.9, 36.5	`hsl(28.1,83.9%,36.5%)`
HSV (or HSB)	28.1°, 91.2, 67.1
Web Safe	996600	`#996600`

CIE-LAB	46.543, 29.64, 51.722
XYZ	20.371, 15.674, 2.404
xyY	0.53, 0.408, 15.674
CIE-LCH	46.543, 59.613, 60.184
CIE-LUV	46.543, 67.982, 41.543
Hunter-Lab	39.59, 22.566, 24.112
Binary	10101011, 01011000, 00001111

#ab580f
```
#ab580f rgb(171,88,15)
```
#0f62ab
```
#0f62ab rgb(15,98,171)
```

Complementary Color

#ab0f14
```
#ab0f14 rgb(171,15,20)
```
#ab580f
```
#ab580f rgb(171,88,15)
```
#aba60f
```
#aba60f rgb(171,166,15)
```

Analogous Color

#0f14ab
```
#0f14ab rgb(15,20,171)
```
#ab580f
```
#ab580f rgb(171,88,15)
```
#0faba6
```
#0faba6 rgb(15,171,166)
```

Split Complementary Color

#580fab
```
#580fab rgb(88,15,171)
```
#ab580f
```
#ab580f rgb(171,88,15)
```
#0fab58
```
#0fab58 rgb(15,171,88)
```

Triadic Color

#ab0f62
```
#ab0f62 rgb(171,15,98)
```
#ab580f
```
#ab580f rgb(171,88,15)
```
#0fab58
```
#0fab58 rgb(15,171,88)
```
#0f62ab
```
#0f62ab rgb(15,98,171)
```

Tetradic Color

#653409
```
#653409 rgb(101,52,9)
```
#7c400b
```
#7c400b rgb(124,64,11)
```
#944c0d
```
#944c0d rgb(148,76,13)
```
#ab580f
```
#ab580f rgb(171,88,15)
```
#c26411
```
#c26411 rgb(194,100,17)
```
#da7013
```
#da7013 rgb(218,112,19)
```
#eb7d1b
```
#eb7d1b rgb(235,125,27)
```

Monochromatic Color

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

#ab310f
```
#ab310f rgb(171,49,15)
```
#ab3e0f
```
#ab3e0f rgb(171,62,15)
```
#ab4b0f
```
#ab4b0f rgb(171,75,15)
```
#ab580f
```
#ab580f rgb(171,88,15)
```
#ab650f
```
#ab650f rgb(171,101,15)
```
#ab720f
```
#ab720f rgb(171,114,15)
```
#ab7f0f
```
#ab7f0f rgb(171,127,15)
```

Similar Colors

Text with hexadecimal color #ab580f

This text has a font color of #ab580f.

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

#ab580f background color

This paragraph has a background color of #ab580f.

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

#ab580f border color

This element has a border color of #ab580f.

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

CSS codes

.text {color:#ab580f;}

.background {background-color:#ab580f;}

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

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

#090401
```
#090401 rgb(9,4,1)
```
#1b0e02
```
#1b0e02 rgb(27,14,2)
```
#2d1704
```
#2d1704 rgb(45,23,4)
```
#3f2006
```
#3f2006 rgb(63,32,6)
```
#512a07
```
#512a07 rgb(81,42,7)
```
#633309
```
#633309 rgb(99,51,9)
```
#753c0a
```
#753c0a rgb(117,60,10)
```
#87450c
```
#87450c rgb(135,69,12)
```
#994f0d
```
#994f0d rgb(153,79,13)
```
#ab580f
```
#ab580f rgb(171,88,15)
```
#bd6111
```
#bd6111 rgb(189,97,17)
```
#cf6b12
```
#cf6b12 rgb(207,107,18)
```
#e17414
```
#e17414 rgb(225,116,20)
```

Shade Color Variation

#eb7e1d
```
#eb7e1d rgb(235,126,29)
```
#ed882f
```
#ed882f rgb(237,136,47)
```
#ee9241
```
#ee9241 rgb(238,146,65)
```
#f09d53
```
#f09d53 rgb(240,157,83)
```
#f2a765
```
#f2a765 rgb(242,167,101)
```
#f3b177
```
#f3b177 rgb(243,177,119)
```
#f5bc89
```
#f5bc89 rgb(245,188,137)
```
#f6c69b
```
#f6c69b rgb(246,198,155)
```
#f8d0ae
```
#f8d0ae rgb(248,208,174)
```
#f9dbc0
```
#f9dbc0 rgb(249,219,192)
```
#fbe5d2
```
#fbe5d2 rgb(251,229,210)
```
#fdefe4
```
#fdefe4 rgb(253,239,228)
```
#fefaf6
```
#fefaf6 rgb(254,250,246)
```

Tint Color Variation

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

#635d57
```
#635d57 rgb(99,93,87)
```
#6b5c4f
```
#6b5c4f rgb(107,92,79)
```
#725c48
```
#725c48 rgb(114,92,72)
```
#795b41
```
#795b41 rgb(121,91,65)
```
#805b3a
```
#805b3a rgb(128,91,58)
```
#875a33
```
#875a33 rgb(135,90,51)
```
#8e5a2c
```
#8e5a2c rgb(142,90,44)
```
#965924
```
#965924 rgb(150,89,36)
```
#9d591d
```
#9d591d rgb(157,89,29)
```
#a45816
```
#a45816 rgb(164,88,22)
```
#ab580f
```
#ab580f rgb(171,88,15)
```
#b25808
```
#b25808 rgb(178,88,8)
```
#b95701
```
#b95701 rgb(185,87,1)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#756556 Atypical Achromatopsia 0.001% of the population

Dichromacy

#837621 Protanopia 1% of men
#93700d Deuteranopia 1% of men
#b25a60 Tritanopia 0.001% of the population

Trichromacy

#926b1a Protanomaly 1% of men, 0.01% of women
#9b670e Deuteranomaly 6% of men, 0.4% of women
#af5942 Tritanomaly 0.01% of the population

#ab580f hex color

#ab580f Color Information

#ab580f Color Conversion

Color Schemes with #ab580f

Alternatives to #ab580f

#ab580f Preview

Shades and Tints of #ab580f

Tones of #ab580f

Color Blindness Simulator