#ab550f hex color

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

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

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

The hexadecimal color #ab550f has RGB values of R:171, G:85, B:15 and CMYK values of C:0, M:0.5, Y:0.91, K:0.33. Its decimal value is 11228431.

Hex triplet	ab550f	`#ab550f`
RGB Decimal	171, 85, 15	`rgb(171,85,15)`
RGB Percent	67.1, 33.3, 5.9	`rgb(67.1%,33.3%,5.9%)`
CMYK	0, 50, 91, 33
HSL	26.9°, 83.9, 36.5	`hsl(26.9,83.9%,36.5%)`
HSV (or HSB)	26.9°, 91.2, 67.1
Web Safe	996600	`#996600`

CIE-LAB	45.895, 31.249, 51.237
XYZ	20.13, 15.191, 2.324
xyY	0.535, 0.404, 15.191
CIE-LCH	45.895, 60.014, 58.621
CIE-LUV	45.895, 70.38, 40.504
Hunter-Lab	38.976, 23.982, 23.748
Binary	10101011, 01010101, 00001111

#ab550f
```
#ab550f rgb(171,85,15)
```
#0f65ab
```
#0f65ab rgb(15,101,171)
```

Complementary Color

#ab0f17
```
#ab0f17 rgb(171,15,23)
```
#ab550f
```
#ab550f rgb(171,85,15)
```
#aba30f
```
#aba30f rgb(171,163,15)
```

Analogous Color

#0f17ab
```
#0f17ab rgb(15,23,171)
```
#ab550f
```
#ab550f rgb(171,85,15)
```
#0faba3
```
#0faba3 rgb(15,171,163)
```

Split Complementary Color

#550fab
```
#550fab rgb(85,15,171)
```
#ab550f
```
#ab550f rgb(171,85,15)
```
#0fab55
```
#0fab55 rgb(15,171,85)
```

Triadic Color

#ab0f65
```
#ab0f65 rgb(171,15,101)
```
#ab550f
```
#ab550f rgb(171,85,15)
```
#0fab55
```
#0fab55 rgb(15,171,85)
```
#0f65ab
```
#0f65ab rgb(15,101,171)
```

Tetradic Color

#653209
```
#653209 rgb(101,50,9)
```
#7c3e0b
```
#7c3e0b rgb(124,62,11)
```
#94490d
```
#94490d rgb(148,73,13)
```
#ab550f
```
#ab550f rgb(171,85,15)
```
#c26111
```
#c26111 rgb(194,97,17)
```
#da6c13
```
#da6c13 rgb(218,108,19)
```
#eb791b
```
#eb791b rgb(235,121,27)
```

Monochromatic Color

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

#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)
```
#ab7c0f
```
#ab7c0f rgb(171,124,15)
```

Similar Colors

Text with hexadecimal color #ab550f

This text has a font color of #ab550f.

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

#ab550f background color

This paragraph has a background color of #ab550f.

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

#ab550f border color

This element has a border color of #ab550f.

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

CSS codes

.text {color:#ab550f;}

.background {background-color:#ab550f;}

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

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)
```
#1b0d02
```
#1b0d02 rgb(27,13,2)
```
#2d1604
```
#2d1604 rgb(45,22,4)
```
#3f1f06
```
#3f1f06 rgb(63,31,6)
```
#512807
```
#512807 rgb(81,40,7)
```
#633109
```
#633109 rgb(99,49,9)
```
#753a0a
```
#753a0a rgb(117,58,10)
```
#87430c
```
#87430c rgb(135,67,12)
```
#994c0d
```
#994c0d rgb(153,76,13)
```
#ab550f
```
#ab550f rgb(171,85,15)
```
#bd5e11
```
#bd5e11 rgb(189,94,17)
```
#cf6712
```
#cf6712 rgb(207,103,18)
```
#e17014
```
#e17014 rgb(225,112,20)
```

Shade Color Variation

#eb7a1d
```
#eb7a1d rgb(235,122,29)
```
#ed842f
```
#ed842f rgb(237,132,47)
```
#ee8f41
```
#ee8f41 rgb(238,143,65)
```
#f09a53
```
#f09a53 rgb(240,154,83)
```
#f2a465
```
#f2a465 rgb(242,164,101)
```
#f3af77
```
#f3af77 rgb(243,175,119)
```
#f5ba89
```
#f5ba89 rgb(245,186,137)
```
#f6c49b
```
#f6c49b rgb(246,196,155)
```
#f8cfae
```
#f8cfae rgb(248,207,174)
```
#f9dac0
```
#f9dac0 rgb(249,218,192)
```
#fbe4d2
```
#fbe4d2 rgb(251,228,210)
```
#fdefe4
```
#fdefe4 rgb(253,239,228)
```
#fef9f6
```
#fef9f6 rgb(254,249,246)
```

Tint Color Variation

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

#635c57
```
#635c57 rgb(99,92,87)
```
#6b5c4f
```
#6b5c4f rgb(107,92,79)
```
#725b48
```
#725b48 rgb(114,91,72)
```
#795a41
```
#795a41 rgb(121,90,65)
```
#80593a
```
#80593a rgb(128,89,58)
```
#875933
```
#875933 rgb(135,89,51)
```
#8e582c
```
#8e582c rgb(142,88,44)
```
#965724
```
#965724 rgb(150,87,36)
```
#9d561d
```
#9d561d rgb(157,86,29)
```
#a45616
```
#a45616 rgb(164,86,22)
```
#ab550f
```
#ab550f rgb(171,85,15)
```
#b25408
```
#b25408 rgb(178,84,8)
```
#b95401
```
#b95401 rgb(185,84,1)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#756355 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817421 Protanopia 1% of men
#916e0c Deuteranopia 1% of men
#b2575d Tritanopia 0.001% of the population

Trichromacy

#90691a Protanomaly 1% of men, 0.01% of women
#9a650d Deuteranomaly 6% of men, 0.4% of women
#af5640 Tritanomaly 0.01% of the population

#ab550f hex color

#ab550f Color Information

#ab550f Color Conversion

Color Schemes with #ab550f

Alternatives to #ab550f

#ab550f Preview

Shades and Tints of #ab550f

Tones of #ab550f

Color Blindness Simulator