#ab5a2a hex color

In a RGB color space, hex #ab5a2a is composed of 67.1% red, 35.3% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.4% magenta, 75.4% yellow and 32.9% black. It has a hue angle of 22.3 degrees, a saturation of 60.6% and a lightness of 41.8%. #ab5a2a color hex could be obtained by blending #ffb454 with #570000. Closest websafe color is: #996633.

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

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

The hexadecimal color #ab5a2a has RGB values of R:171, G:90, B:42 and CMYK values of C:0, M:0.47, Y:0.75, K:0.33. Its decimal value is 11229738.

Hex triplet	ab5a2a	`#ab5a2a`
RGB Decimal	171, 90, 42	`rgb(171,90,42)`
RGB Percent	67.1, 35.3, 16.5	`rgb(67.1%,35.3%,16.5%)`
CMYK	0, 47, 75, 33
HSL	22.3°, 60.6, 41.8	`hsl(22.3,60.6%,41.8%)`
HSV (or HSB)	22.3°, 75.4, 67.1
Web Safe	996633	`#996633`

CIE-LAB	47.157, 29.416, 41.28
XYZ	20.869, 16.139, 4.207
xyY	0.506, 0.392, 16.139
CIE-LCH	47.157, 50.688, 54.526
CIE-LUV	47.157, 64.417, 36.016
Hunter-Lab	40.174, 22.423, 21.913
Binary	10101011, 01011010, 00101010

#ab5a2a
```
#ab5a2a rgb(171,90,42)
```
#2a7bab
```
#2a7bab rgb(42,123,171)
```

Complementary Color

#ab2a3b
```
#ab2a3b rgb(171,42,59)
```
#ab5a2a
```
#ab5a2a rgb(171,90,42)
```
#ab9b2a
```
#ab9b2a rgb(171,155,42)
```

Analogous Color

#2a3bab
```
#2a3bab rgb(42,59,171)
```
#ab5a2a
```
#ab5a2a rgb(171,90,42)
```
#2aab9b
```
#2aab9b rgb(42,171,155)
```

Split Complementary Color

#5a2aab
```
#5a2aab rgb(90,42,171)
```
#ab5a2a
```
#ab5a2a rgb(171,90,42)
```
#2aab5a
```
#2aab5a rgb(42,171,90)
```

Triadic Color

#ab2a7b
```
#ab2a7b rgb(171,42,123)
```
#ab5a2a
```
#ab5a2a rgb(171,90,42)
```
#2aab5a
```
#2aab5a rgb(42,171,90)
```
#2a7bab
```
#2a7bab rgb(42,123,171)
```

Tetradic Color

#6e3a1b
```
#6e3a1b rgb(110,58,27)
```
#824420
```
#824420 rgb(130,68,32)
```
#974f25
```
#974f25 rgb(151,79,37)
```
#ab5a2a
```
#ab5a2a rgb(171,90,42)
```
#bf652f
```
#bf652f rgb(191,101,47)
```
#ce713a
```
#ce713a rgb(206,113,58)
```
#d4804e
```
#d4804e rgb(212,128,78)
```

Monochromatic Color

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

#ab3a2a
```
#ab3a2a rgb(171,58,42)
```
#ab452a
```
#ab452a rgb(171,69,42)
```
#ab4f2a
```
#ab4f2a rgb(171,79,42)
```
#ab5a2a
```
#ab5a2a rgb(171,90,42)
```
#ab652a
```
#ab652a rgb(171,101,42)
```
#ab702a
```
#ab702a rgb(171,112,42)
```
#ab7a2a
```
#ab7a2a rgb(171,122,42)
```

Similar Colors

Text with hexadecimal color #ab5a2a

This text has a font color of #ab5a2a.

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

#ab5a2a background color

This paragraph has a background color of #ab5a2a.

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

#ab5a2a border color

This element has a border color of #ab5a2a.

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

CSS codes

.text {color:#ab5a2a;}

.background {background-color:#ab5a2a;}

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

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, #0e0703 is the darkest color, while #fefdfd is the lightest one.

#0e0703
```
#0e0703 rgb(14,7,3)
```
#1d0f07
```
#1d0f07 rgb(29,15,7)
```
#2d180b
```
#2d180b rgb(45,24,11)
```
#3d200f
```
#3d200f rgb(61,32,15)
```
#4d2813
```
#4d2813 rgb(77,40,19)
```
#5c3117
```
#5c3117 rgb(92,49,23)
```
#6c391b
```
#6c391b rgb(108,57,27)
```
#7c411e
```
#7c411e rgb(124,65,30)
```
#8c4922
```
#8c4922 rgb(140,73,34)
```
#9b5226
```
#9b5226 rgb(155,82,38)
```
#ab5a2a
```
#ab5a2a rgb(171,90,42)
```
#bb622e
```
#bb622e rgb(187,98,46)
```
#ca6b32
```
#ca6b32 rgb(202,107,50)
```

Shade Color Variation

#d07540
```
#d07540 rgb(208,117,64)
```
#d48150
```
#d48150 rgb(212,129,80)
```
#d88c5f
```
#d88c5f rgb(216,140,95)
```
#dc976f
```
#dc976f rgb(220,151,111)
```
#e0a37f
```
#e0a37f rgb(224,163,127)
```
#e3ae8f
```
#e3ae8f rgb(227,174,143)
```
#e7b99e
```
#e7b99e rgb(231,185,158)
```
#ebc5ae
```
#ebc5ae rgb(235,197,174)
```
#efd0be
```
#efd0be rgb(239,208,190)
```
#f3dbce
```
#f3dbce rgb(243,219,206)
```
#f7e7dd
```
#f7e7dd rgb(247,231,221)
```
#fbf2ed
```
#fbf2ed rgb(251,242,237)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#726963
```
#726963 rgb(114,105,99)
```
#7a675b
```
#7a675b rgb(122,103,91)
```
#826453
```
#826453 rgb(130,100,83)
```
#8a624b
```
#8a624b rgb(138,98,75)
```
#926043
```
#926043 rgb(146,96,67)
```
#9b5e3a
```
#9b5e3a rgb(155,94,58)
```
#a35c32
```
#a35c32 rgb(163,92,50)
```
#ab5a2a
```
#ab5a2a rgb(171,90,42)
```
#b35822
```
#b35822 rgb(179,88,34)
```
#bb561a
```
#bb561a rgb(187,86,26)
```
#c45411
```
#c45411 rgb(196,84,17)
```
#cc5209
```
#cc5209 rgb(204,82,9)
```
#d45001
```
#d45001 rgb(212,80,1)
```

Tone Color Variation

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

#83773b Protanopia 1% of men
#937130 Deuteranopia 1% of men
#b15d63 Tritanopia 0.001% of the population

Trichromacy

#916c34 Protanomaly 1% of men, 0.01% of women
#9b692d Deuteranomaly 6% of men, 0.4% of women
#af5c4e Tritanomaly 0.01% of the population

#ab5a2a hex color

#ab5a2a Color Information

#ab5a2a Color Conversion

Color Schemes with #ab5a2a

Alternatives to #ab5a2a

#ab5a2a Preview

Shades and Tints of #ab5a2a

Tones of #ab5a2a

Color Blindness Simulator