#ab480f hex color

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

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

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

The hexadecimal color #ab480f has RGB values of R:171, G:72, B:15 and CMYK values of C:0, M:0.58, Y:0.91, K:0.33. Its decimal value is 11225103.

Hex triplet	ab480f	`#ab480f`
RGB Decimal	171, 72, 15	`rgb(171,72,15)`
RGB Percent	67.1, 28.2, 5.9	`rgb(67.1%,28.2%,5.9%)`
CMYK	0, 58, 91, 33
HSL	21.9°, 83.9, 36.5	`hsl(21.9,83.9%,36.5%)`
HSV (or HSB)	21.9°, 91.2, 67.1
Web Safe	993300	`#993300`

CIE-LAB	43.255, 37.961, 49.274
XYZ	19.199, 13.329, 2.014
xyY	0.556, 0.386, 13.329
CIE-LCH	43.255, 62.201, 52.389
CIE-LUV	43.255, 80.527, 36.219
Hunter-Lab	36.509, 29.977, 22.286
Binary	10101011, 01001000, 00001111

#ab480f
```
#ab480f rgb(171,72,15)
```
#0f72ab
```
#0f72ab rgb(15,114,171)
```

Complementary Color

#ab0f24
```
#ab0f24 rgb(171,15,36)
```
#ab480f
```
#ab480f rgb(171,72,15)
```
#ab960f
```
#ab960f rgb(171,150,15)
```

Analogous Color

#0f24ab
```
#0f24ab rgb(15,36,171)
```
#ab480f
```
#ab480f rgb(171,72,15)
```
#0fab96
```
#0fab96 rgb(15,171,150)
```

Split Complementary Color

#480fab
```
#480fab rgb(72,15,171)
```
#ab480f
```
#ab480f rgb(171,72,15)
```
#0fab48
```
#0fab48 rgb(15,171,72)
```

Triadic Color

#ab0f72
```
#ab0f72 rgb(171,15,114)
```
#ab480f
```
#ab480f rgb(171,72,15)
```
#0fab48
```
#0fab48 rgb(15,171,72)
```
#0f72ab
```
#0f72ab rgb(15,114,171)
```

Tetradic Color

#652a09
```
#652a09 rgb(101,42,9)
```
#7c340b
```
#7c340b rgb(124,52,11)
```
#943e0d
```
#943e0d rgb(148,62,13)
```
#ab480f
```
#ab480f rgb(171,72,15)
```
#c25211
```
#c25211 rgb(194,82,17)
```
#da5c13
```
#da5c13 rgb(218,92,19)
```
#eb671b
```
#eb671b rgb(235,103,27)
```

Monochromatic Color

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

#ab210f
```
#ab210f rgb(171,33,15)
```
#ab2e0f
```
#ab2e0f rgb(171,46,15)
```
#ab3b0f
```
#ab3b0f rgb(171,59,15)
```
#ab480f
```
#ab480f rgb(171,72,15)
```
#ab550f
```
#ab550f rgb(171,85,15)
```
#ab620f
```
#ab620f rgb(171,98,15)
```
#ab6f0f
```
#ab6f0f rgb(171,111,15)
```

Similar Colors

Text with hexadecimal color #ab480f

This text has a font color of #ab480f.

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

#ab480f background color

This paragraph has a background color of #ab480f.

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

#ab480f border color

This element has a border color of #ab480f.

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

CSS codes

.text {color:#ab480f;}

.background {background-color:#ab480f;}

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

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 #fef9f6 is the lightest one.

#090401
```
#090401 rgb(9,4,1)
```
#1b0b02
```
#1b0b02 rgb(27,11,2)
```
#2d1304
```
#2d1304 rgb(45,19,4)
```
#3f1a06
```
#3f1a06 rgb(63,26,6)
```
#512207
```
#512207 rgb(81,34,7)
```
#632a09
```
#632a09 rgb(99,42,9)
```
#75310a
```
#75310a rgb(117,49,10)
```
#87390c
```
#87390c rgb(135,57,12)
```
#99400d
```
#99400d rgb(153,64,13)
```
#ab480f
```
#ab480f rgb(171,72,15)
```
#bd5011
```
#bd5011 rgb(189,80,17)
```
#cf5712
```
#cf5712 rgb(207,87,18)
```
#e15f14
```
#e15f14 rgb(225,95,20)
```

Shade Color Variation

#eb691d
```
#eb691d rgb(235,105,29)
```
#ed752f
```
#ed752f rgb(237,117,47)
```
#ee8141
```
#ee8141 rgb(238,129,65)
```
#f08d53
```
#f08d53 rgb(240,141,83)
```
#f29965
```
#f29965 rgb(242,153,101)
```
#f3a577
```
#f3a577 rgb(243,165,119)
```
#f5b189
```
#f5b189 rgb(245,177,137)
```
#f6bd9b
```
#f6bd9b rgb(246,189,155)
```
#f8c9ae
```
#f8c9ae rgb(248,201,174)
```
#f9d5c0
```
#f9d5c0 rgb(249,213,192)
```
#fbe1d2
```
#fbe1d2 rgb(251,225,210)
```
#fdede4
```
#fdede4 rgb(253,237,228)
```
#fef9f6
```
#fef9f6 rgb(254,249,246)
```

Tint Color Variation

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

#635b57
```
#635b57 rgb(99,91,87)
```
#6b594f
```
#6b594f rgb(107,89,79)
```
#725748
```
#725748 rgb(114,87,72)
```
#795541
```
#795541 rgb(121,85,65)
```
#80543a
```
#80543a rgb(128,84,58)
```
#875233
```
#875233 rgb(135,82,51)
```
#8e502c
```
#8e502c rgb(142,80,44)
```
#964e24
```
#964e24 rgb(150,78,36)
```
#9d4c1d
```
#9d4c1d rgb(157,76,29)
```
#a44a16
```
#a44a16 rgb(164,74,22)
```
#ab480f
```
#ab480f rgb(171,72,15)
```
#b24608
```
#b24608 rgb(178,70,8)
```
#b94401
```
#b94401 rgb(185,68,1)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#6e5a4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6e22 Protanopia 1% of men
#896800 Deuteranopia 1% of men
#b14c51 Tritanopia 0.001% of the population

Trichromacy

#8c601b Protanomaly 1% of men, 0.01% of women
#955c05 Deuteranomaly 6% of men, 0.4% of women
#ae4a39 Tritanomaly 0.01% of the population

#ab480f hex color

#ab480f Color Information

#ab480f Color Conversion

Color Schemes with #ab480f

Alternatives to #ab480f

#ab480f Preview

Shades and Tints of #ab480f

Tones of #ab480f

Color Blindness Simulator