#ab5a2e hex color

In a RGB color space, hex #ab5a2e is composed of 67.1% red, 35.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.4% magenta, 73.1% yellow and 32.9% black. It has a hue angle of 21.1 degrees, a saturation of 57.6% and a lightness of 42.5%. #ab5a2e color hex could be obtained by blending #ffb45c with #570000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 67
- G 35
- B 18
RGB color chart
- C 0
- M 47
- Y 73
- K 33
CMYK color chart

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

The hexadecimal color #ab5a2e has RGB values of R:171, G:90, B:46 and CMYK values of C:0, M:0.47, Y:0.73, K:0.33. Its decimal value is 11229742.

Hex triplet	ab5a2e	`#ab5a2e`
RGB Decimal	171, 90, 46	`rgb(171,90,46)`
RGB Percent	67.1, 35.3, 18	`rgb(67.1%,35.3%,18%)`
CMYK	0, 47, 73, 33
HSL	21.1°, 57.6, 42.5	`hsl(21.1,57.6%,42.5%)`
HSV (or HSB)	21.1°, 73.1, 67.1
Web Safe	996633	`#996633`

CIE-LAB	47.196, 29.609, 39.288
XYZ	20.945, 16.169, 4.603
xyY	0.502, 0.388, 16.169
CIE-LCH	47.196, 49.196, 52.997
CIE-LUV	47.196, 63.987, 34.645
Hunter-Lab	40.211, 22.605, 21.361
Binary	10101011, 01011010, 00101110

#ab5a2e
```
#ab5a2e rgb(171,90,46)
```
#2e7fab
```
#2e7fab rgb(46,127,171)
```

Complementary Color

#ab2e40
```
#ab2e40 rgb(171,46,64)
```
#ab5a2e
```
#ab5a2e rgb(171,90,46)
```
#ab992e
```
#ab992e rgb(171,153,46)
```

Analogous Color

#2e40ab
```
#2e40ab rgb(46,64,171)
```
#ab5a2e
```
#ab5a2e rgb(171,90,46)
```
#2eab99
```
#2eab99 rgb(46,171,153)
```

Split Complementary Color

#5a2eab
```
#5a2eab rgb(90,46,171)
```
#ab5a2e
```
#ab5a2e rgb(171,90,46)
```
#2eab5a
```
#2eab5a rgb(46,171,90)
```

Triadic Color

#ab2e7f
```
#ab2e7f rgb(171,46,127)
```
#ab5a2e
```
#ab5a2e rgb(171,90,46)
```
#2eab5a
```
#2eab5a rgb(46,171,90)
```
#2e7fab
```
#2e7fab rgb(46,127,171)
```

Tetradic Color

#6f3a1e
```
#6f3a1e rgb(111,58,30)
```
#834523
```
#834523 rgb(131,69,35)
```
#974f29
```
#974f29 rgb(151,79,41)
```
#ab5a2e
```
#ab5a2e rgb(171,90,46)
```
#bf6533
```
#bf6533 rgb(191,101,51)
```
#cc7140
```
#cc7140 rgb(204,113,64)
```
#d18054
```
#d18054 rgb(209,128,84)
```

Monochromatic Color

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

#ab3b2e
```
#ab3b2e rgb(171,59,46)
```
#ab452e
```
#ab452e rgb(171,69,46)
```
#ab502e
```
#ab502e rgb(171,80,46)
```
#ab5a2e
```
#ab5a2e rgb(171,90,46)
```
#ab642e
```
#ab642e rgb(171,100,46)
```
#ab6f2e
```
#ab6f2e rgb(171,111,46)
```
#ab792e
```
#ab792e rgb(171,121,46)
```

Similar Colors

Text with hexadecimal color #ab5a2e

This text has a font color of #ab5a2e.

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

#ab5a2e background color

This paragraph has a background color of #ab5a2e.

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

#ab5a2e border color

This element has a border color of #ab5a2e.

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

CSS codes

.text {color:#ab5a2e;}

.background {background-color:#ab5a2e;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#100904
```
#100904 rgb(16,9,4)
```
#201109
```
#201109 rgb(32,17,9)
```
#2f190d
```
#2f190d rgb(47,25,13)
```
#3f2111
```
#3f2111 rgb(63,33,17)
```
#4e2915
```
#4e2915 rgb(78,41,21)
```
#5e3119
```
#5e3119 rgb(94,49,25)
```
#6d391d
```
#6d391d rgb(109,57,29)
```
#7d4222
```
#7d4222 rgb(125,66,34)
```
#8c4a26
```
#8c4a26 rgb(140,74,38)
```
#9c522a
```
#9c522a rgb(156,82,42)
```
#ab5a2e
```
#ab5a2e rgb(171,90,46)
```
#ba6232
```
#ba6232 rgb(186,98,50)
```

Shade Color Variation

#c96a37
```
#c96a37 rgb(201,106,55)
```
#cd7646
```
#cd7646 rgb(205,118,70)
```
#d28156
```
#d28156 rgb(210,129,86)
```
#d68d65
```
#d68d65 rgb(214,141,101)
```
#da9875
```
#da9875 rgb(218,152,117)
```
#dea484
```
#dea484 rgb(222,164,132)
```
#e2af94
```
#e2af94 rgb(226,175,148)
```
#e6bba3
```
#e6bba3 rgb(230,187,163)
```
#eac6b3
```
#eac6b3 rgb(234,198,179)
```
#efd2c2
```
#efd2c2 rgb(239,210,194)
```
#f3ddd2
```
#f3ddd2 rgb(243,221,210)
```
#f7e9e1
```
#f7e9e1 rgb(247,233,225)
```
#fbf4f1
```
#fbf4f1 rgb(251,244,241)
```

Tint Color Variation

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

#716b68
```
#716b68 rgb(113,107,104)
```
#796960
```
#796960 rgb(121,105,96)
```
#816658
```
#816658 rgb(129,102,88)
```
#8a644f
```
#8a644f rgb(138,100,79)
```
#926147
```
#926147 rgb(146,97,71)
```
#9a5f3f
```
#9a5f3f rgb(154,95,63)
```
#a35c36
```
#a35c36 rgb(163,92,54)
```
#ab5a2e
```
#ab5a2e rgb(171,90,46)
```
#b35826
```
#b35826 rgb(179,88,38)
```
#bc551d
```
#bc551d rgb(188,85,29)
```
#c45315
```
#c45315 rgb(196,83,21)
```
#cc500d
```
#cc500d rgb(204,80,13)
```
#d54e04
```
#d54e04 rgb(213,78,4)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#796960 Atypical Achromatopsia 0.001% of the population

Dichromacy

#83773f Protanopia 1% of men
#937134 Deuteranopia 1% of men
#b15d63 Tritanopia 0.001% of the population

Trichromacy

#916c38 Protanomaly 1% of men, 0.01% of women
#9b6931 Deuteranomaly 6% of men, 0.4% of women
#af5c50 Tritanomaly 0.01% of the population

#ab5a2e hex color

#ab5a2e Color Information

#ab5a2e Color Conversion

Color Schemes with #ab5a2e

Alternatives to #ab5a2e

#ab5a2e Preview

Shades and Tints of #ab5a2e

Tones of #ab5a2e

Color Blindness Simulator