#ab5f2a hex color

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

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

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

The hexadecimal color #ab5f2a has RGB values of R:171, G:95, B:42 and CMYK values of C:0, M:0.44, Y:0.75, K:0.33. Its decimal value is 11231018.

Hex triplet	ab5f2a	`#ab5f2a`
RGB Decimal	171, 95, 42	`rgb(171,95,42)`
RGB Percent	67.1, 37.3, 16.5	`rgb(67.1%,37.3%,16.5%)`
CMYK	0, 44, 75, 33
HSL	24.7°, 60.6, 41.8	`hsl(24.7,60.6%,41.8%)`
HSV (or HSB)	24.7°, 75.4, 67.1
Web Safe	996633	`#996633`

CIE-LAB	48.274, 26.685, 42.437
XYZ	21.305, 17.011, 4.352
xyY	0.499, 0.399, 17.011
CIE-LCH	48.274, 50.13, 57.837
CIE-LUV	48.274, 60.563, 37.94
Hunter-Lab	41.245, 20.028, 22.615
Binary	10101011, 01011111, 00101010

#ab5f2a
```
#ab5f2a rgb(171,95,42)
```
#2a76ab
```
#2a76ab rgb(42,118,171)
```

Complementary Color

#ab2a36
```
#ab2a36 rgb(171,42,54)
```
#ab5f2a
```
#ab5f2a rgb(171,95,42)
```
#aba02a
```
#aba02a rgb(171,160,42)
```

Analogous Color

#2a36ab
```
#2a36ab rgb(42,54,171)
```
#ab5f2a
```
#ab5f2a rgb(171,95,42)
```
#2aaba0
```
#2aaba0 rgb(42,171,160)
```

Split Complementary Color

#5f2aab
```
#5f2aab rgb(95,42,171)
```
#ab5f2a
```
#ab5f2a rgb(171,95,42)
```
#2aab5f
```
#2aab5f rgb(42,171,95)
```

Triadic Color

#ab2a76
```
#ab2a76 rgb(171,42,118)
```
#ab5f2a
```
#ab5f2a rgb(171,95,42)
```
#2aab5f
```
#2aab5f rgb(42,171,95)
```
#2a76ab
```
#2a76ab rgb(42,118,171)
```

Tetradic Color

#6e3d1b
```
#6e3d1b rgb(110,61,27)
```
#824820
```
#824820 rgb(130,72,32)
```
#975425
```
#975425 rgb(151,84,37)
```
#ab5f2a
```
#ab5f2a rgb(171,95,42)
```
#bf6a2f
```
#bf6a2f rgb(191,106,47)
```
#ce773a
```
#ce773a rgb(206,119,58)
```
#d4854e
```
#d4854e rgb(212,133,78)
```

Monochromatic Color

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

#ab3f2a
```
#ab3f2a rgb(171,63,42)
```
#ab4a2a
```
#ab4a2a rgb(171,74,42)
```
#ab542a
```
#ab542a rgb(171,84,42)
```
#ab5f2a
```
#ab5f2a rgb(171,95,42)
```
#ab6a2a
```
#ab6a2a rgb(171,106,42)
```
#ab752a
```
#ab752a rgb(171,117,42)
```
#ab7f2a
```
#ab7f2a rgb(171,127,42)
```

Similar Colors

Text with hexadecimal color #ab5f2a

This text has a font color of #ab5f2a.

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

#ab5f2a background color

This paragraph has a background color of #ab5f2a.

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

#ab5f2a border color

This element has a border color of #ab5f2a.

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

CSS codes

.text {color:#ab5f2a;}

.background {background-color:#ab5f2a;}

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

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

#0e0803
```
#0e0803 rgb(14,8,3)
```
#1d1007
```
#1d1007 rgb(29,16,7)
```
#2d190b
```
#2d190b rgb(45,25,11)
```
#3d220f
```
#3d220f rgb(61,34,15)
```
#4d2b13
```
#4d2b13 rgb(77,43,19)
```
#5c3317
```
#5c3317 rgb(92,51,23)
```
#6c3c1b
```
#6c3c1b rgb(108,60,27)
```
#7c451e
```
#7c451e rgb(124,69,30)
```
#8c4e22
```
#8c4e22 rgb(140,78,34)
```
#9b5626
```
#9b5626 rgb(155,86,38)
```
#ab5f2a
```
#ab5f2a rgb(171,95,42)
```
#bb682e
```
#bb682e rgb(187,104,46)
```
#ca7032
```
#ca7032 rgb(202,112,50)
```

Shade Color Variation

#d07b40
```
#d07b40 rgb(208,123,64)
```
#d48650
```
#d48650 rgb(212,134,80)
```
#d8915f
```
#d8915f rgb(216,145,95)
```
#dc9c6f
```
#dc9c6f rgb(220,156,111)
```
#e0a77f
```
#e0a77f rgb(224,167,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)
```
#fbf3ed
```
#fbf3ed rgb(251,243,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 #d45801 is the most saturated one.

#726963
```
#726963 rgb(114,105,99)
```
#7a685b
```
#7a685b rgb(122,104,91)
```
#826653
```
#826653 rgb(130,102,83)
```
#8a654b
```
#8a654b rgb(138,101,75)
```
#926343
```
#926343 rgb(146,99,67)
```
#9b623a
```
#9b623a rgb(155,98,58)
```
#a36032
```
#a36032 rgb(163,96,50)
```
#ab5f2a
```
#ab5f2a rgb(171,95,42)
```
#b35e22
```
#b35e22 rgb(179,94,34)
```
#bb5c1a
```
#bb5c1a rgb(187,92,26)
```
#c45b11
```
#c45b11 rgb(196,91,17)
```
#cc5909
```
#cc5909 rgb(204,89,9)
```
#d45801
```
#d45801 rgb(212,88,1)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#7c6d62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867a3a Protanopia 1% of men
#967430 Deuteranopia 1% of men
#b26168 Tritanopia 0.001% of the population

Trichromacy

#937034 Protanomaly 1% of men, 0.01% of women
#9e6c2e Deuteranomaly 6% of men, 0.4% of women
#af6051 Tritanomaly 0.01% of the population

#ab5f2a hex color

#ab5f2a Color Information

#ab5f2a Color Conversion

Color Schemes with #ab5f2a

Alternatives to #ab5f2a

#ab5f2a Preview

Shades and Tints of #ab5f2a

Tones of #ab5f2a

Color Blindness Simulator