#ab5e2a hex color

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

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

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

The hexadecimal color #ab5e2a has RGB values of R:171, G:94, B:42 and CMYK values of C:0, M:0.45, Y:0.75, K:0.33. Its decimal value is 11230762.

Hex triplet	ab5e2a	`#ab5e2a`
RGB Decimal	171, 94, 42	`rgb(171,94,42)`
RGB Percent	67.1, 36.9, 16.5	`rgb(67.1%,36.9%,16.5%)`
CMYK	0, 45, 75, 33
HSL	24.2°, 60.6, 41.8	`hsl(24.2,60.6%,41.8%)`
HSV (or HSB)	24.2°, 75.4, 67.1
Web Safe	996633	`#996633`

CIE-LAB	48.048, 27.235, 42.203
XYZ	21.216, 16.832, 4.322
xyY	0.501, 0.397, 16.832
CIE-LCH	48.048, 50.228, 57.165
CIE-LUV	48.048, 61.336, 37.552
Hunter-Lab	41.027, 20.508, 22.473
Binary	10101011, 01011110, 00101010

#ab5e2a
```
#ab5e2a rgb(171,94,42)
```
#2a77ab
```
#2a77ab rgb(42,119,171)
```

Complementary Color

#ab2a37
```
#ab2a37 rgb(171,42,55)
```
#ab5e2a
```
#ab5e2a rgb(171,94,42)
```
#ab9f2a
```
#ab9f2a rgb(171,159,42)
```

Analogous Color

#2a37ab
```
#2a37ab rgb(42,55,171)
```
#ab5e2a
```
#ab5e2a rgb(171,94,42)
```
#2aab9f
```
#2aab9f rgb(42,171,159)
```

Split Complementary Color

#5e2aab
```
#5e2aab rgb(94,42,171)
```
#ab5e2a
```
#ab5e2a rgb(171,94,42)
```
#2aab5e
```
#2aab5e rgb(42,171,94)
```

Triadic Color

#ab2a77
```
#ab2a77 rgb(171,42,119)
```
#ab5e2a
```
#ab5e2a rgb(171,94,42)
```
#2aab5e
```
#2aab5e rgb(42,171,94)
```
#2a77ab
```
#2a77ab rgb(42,119,171)
```

Tetradic Color

#6e3c1b
```
#6e3c1b rgb(110,60,27)
```
#824720
```
#824720 rgb(130,71,32)
```
#975325
```
#975325 rgb(151,83,37)
```
#ab5e2a
```
#ab5e2a rgb(171,94,42)
```
#bf692f
```
#bf692f rgb(191,105,47)
```
#ce763a
```
#ce763a rgb(206,118,58)
```
#d4844e
```
#d4844e rgb(212,132,78)
```

Monochromatic Color

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

#ab3e2a
```
#ab3e2a rgb(171,62,42)
```
#ab482a
```
#ab482a rgb(171,72,42)
```
#ab532a
```
#ab532a rgb(171,83,42)
```
#ab5e2a
```
#ab5e2a rgb(171,94,42)
```
#ab692a
```
#ab692a rgb(171,105,42)
```
#ab742a
```
#ab742a rgb(171,116,42)
```
#ab7e2a
```
#ab7e2a rgb(171,126,42)
```

Similar Colors

Text with hexadecimal color #ab5e2a

This text has a font color of #ab5e2a.

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

#ab5e2a background color

This paragraph has a background color of #ab5e2a.

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

#ab5e2a border color

This element has a border color of #ab5e2a.

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

CSS codes

.text {color:#ab5e2a;}

.background {background-color:#ab5e2a;}

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

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)
```
#1d1007
```
#1d1007 rgb(29,16,7)
```
#2d190b
```
#2d190b rgb(45,25,11)
```
#3d210f
```
#3d210f rgb(61,33,15)
```
#4d2a13
```
#4d2a13 rgb(77,42,19)
```
#5c3317
```
#5c3317 rgb(92,51,23)
```
#6c3b1b
```
#6c3b1b rgb(108,59,27)
```
#7c441e
```
#7c441e rgb(124,68,30)
```
#8c4d22
```
#8c4d22 rgb(140,77,34)
```
#9b5526
```
#9b5526 rgb(155,85,38)
```
#ab5e2a
```
#ab5e2a rgb(171,94,42)
```
#bb672e
```
#bb672e rgb(187,103,46)
```
#ca6f32
```
#ca6f32 rgb(202,111,50)
```

Shade Color Variation

#d07a40
```
#d07a40 rgb(208,122,64)
```
#d48550
```
#d48550 rgb(212,133,80)
```
#d8905f
```
#d8905f rgb(216,144,95)
```
#dc9b6f
```
#dc9b6f rgb(220,155,111)
```
#e0a67f
```
#e0a67f rgb(224,166,127)
```
#e3b18f
```
#e3b18f rgb(227,177,143)
```
#e7bc9e
```
#e7bc9e rgb(231,188,158)
```
#ebc7ae
```
#ebc7ae rgb(235,199,174)
```
#efd2be
```
#efd2be rgb(239,210,190)
```
#f3ddce
```
#f3ddce rgb(243,221,206)
```
#f7e8dd
```
#f7e8dd rgb(247,232,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 #d45601 is the most saturated one.

#726963
```
#726963 rgb(114,105,99)
```
#7a685b
```
#7a685b rgb(122,104,91)
```
#826653
```
#826653 rgb(130,102,83)
```
#8a644b
```
#8a644b rgb(138,100,75)
```
#926343
```
#926343 rgb(146,99,67)
```
#9b613a
```
#9b613a rgb(155,97,58)
```
#a36032
```
#a36032 rgb(163,96,50)
```
#ab5e2a
```
#ab5e2a rgb(171,94,42)
```
#b35c22
```
#b35c22 rgb(179,92,34)
```
#bb5b1a
```
#bb5b1a rgb(187,91,26)
```
#c45911
```
#c45911 rgb(196,89,17)
```
#cc5809
```
#cc5809 rgb(204,88,9)
```
#d45601
```
#d45601 rgb(212,86,1)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7b6c61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86793a Protanopia 1% of men
#957330 Deuteranopia 1% of men
#b26067 Tritanopia 0.001% of the population

Trichromacy

#936f34 Protanomaly 1% of men, 0.01% of women
#9d6b2e Deuteranomaly 6% of men, 0.4% of women
#af5f50 Tritanomaly 0.01% of the population

#ab5e2a hex color

#ab5e2a Color Information

#ab5e2a Color Conversion

Color Schemes with #ab5e2a

Alternatives to #ab5e2a

#ab5e2a Preview

Shades and Tints of #ab5e2a

Tones of #ab5e2a

Color Blindness Simulator