#ab552a hex color

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

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

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

The hexadecimal color #ab552a has RGB values of R:171, G:85, B:42 and CMYK values of C:0, M:0.5, Y:0.75, K:0.33. Its decimal value is 11228458.

Hex triplet	ab552a	`#ab552a`
RGB Decimal	171, 85, 42	`rgb(171,85,42)`
RGB Percent	67.1, 33.3, 16.5	`rgb(67.1%,33.3%,16.5%)`
CMYK	0, 50, 75, 33
HSL	20°, 60.6, 41.8	`hsl(20,60.6%,41.8%)`
HSV (or HSB)	20°, 75.4, 67.1
Web Safe	996633	`#996633`

CIE-LAB	46.075, 32.103, 40.15
XYZ	20.462, 15.324, 4.071
xyY	0.513, 0.384, 15.324
CIE-LCH	46.075, 51.406, 51.355
CIE-LUV	46.075, 68.234, 34.136
Hunter-Lab	39.146, 24.798, 21.237
Binary	10101011, 01010101, 00101010

#ab552a
```
#ab552a rgb(171,85,42)
```
#2a80ab
```
#2a80ab rgb(42,128,171)
```

Complementary Color

#ab2a40
```
#ab2a40 rgb(171,42,64)
```
#ab552a
```
#ab552a rgb(171,85,42)
```
#ab962a
```
#ab962a rgb(171,150,42)
```

Analogous Color

#2a40ab
```
#2a40ab rgb(42,64,171)
```
#ab552a
```
#ab552a rgb(171,85,42)
```
#2aab96
```
#2aab96 rgb(42,171,150)
```

Split Complementary Color

#552aab
```
#552aab rgb(85,42,171)
```
#ab552a
```
#ab552a rgb(171,85,42)
```
#2aab55
```
#2aab55 rgb(42,171,85)
```

Triadic Color

#ab2a80
```
#ab2a80 rgb(171,42,128)
```
#ab552a
```
#ab552a rgb(171,85,42)
```
#2aab55
```
#2aab55 rgb(42,171,85)
```
#2a80ab
```
#2a80ab rgb(42,128,171)
```

Tetradic Color

#6e361b
```
#6e361b rgb(110,54,27)
```
#824120
```
#824120 rgb(130,65,32)
```
#974b25
```
#974b25 rgb(151,75,37)
```
#ab552a
```
#ab552a rgb(171,85,42)
```
#bf5f2f
```
#bf5f2f rgb(191,95,47)
```
#ce6b3a
```
#ce6b3a rgb(206,107,58)
```
#d47a4e
```
#d47a4e rgb(212,122,78)
```

Monochromatic Color

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

#ab352a
```
#ab352a rgb(171,53,42)
```
#ab3f2a
```
#ab3f2a rgb(171,63,42)
```
#ab4a2a
```
#ab4a2a rgb(171,74,42)
```
#ab552a
```
#ab552a rgb(171,85,42)
```
#ab602a
```
#ab602a rgb(171,96,42)
```
#ab6b2a
```
#ab6b2a rgb(171,107,42)
```
#ab752a
```
#ab752a rgb(171,117,42)
```

Similar Colors

Text with hexadecimal color #ab552a

This text has a font color of #ab552a.

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

#ab552a background color

This paragraph has a background color of #ab552a.

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

#ab552a border color

This element has a border color of #ab552a.

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

CSS codes

.text {color:#ab552a;}

.background {background-color:#ab552a;}

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

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)
```
#2d160b
```
#2d160b rgb(45,22,11)
```
#3d1e0f
```
#3d1e0f rgb(61,30,15)
```
#4d2613
```
#4d2613 rgb(77,38,19)
```
#5c2e17
```
#5c2e17 rgb(92,46,23)
```
#6c361b
```
#6c361b rgb(108,54,27)
```
#7c3e1e
```
#7c3e1e rgb(124,62,30)
```
#8c4522
```
#8c4522 rgb(140,69,34)
```
#9b4d26
```
#9b4d26 rgb(155,77,38)
```
#ab552a
```
#ab552a rgb(171,85,42)
```
#bb5d2e
```
#bb5d2e rgb(187,93,46)
```
#ca6532
```
#ca6532 rgb(202,101,50)
```

Shade Color Variation

#d07040
```
#d07040 rgb(208,112,64)
```
#d47c50
```
#d47c50 rgb(212,124,80)
```
#d8875f
```
#d8875f rgb(216,135,95)
```
#dc936f
```
#dc936f rgb(220,147,111)
```
#e09f7f
```
#e09f7f rgb(224,159,127)
```
#e3ab8f
```
#e3ab8f rgb(227,171,143)
```
#e7b79e
```
#e7b79e rgb(231,183,158)
```
#ebc2ae
```
#ebc2ae rgb(235,194,174)
```
#efcebe
```
#efcebe rgb(239,206,190)
```
#f3dace
```
#f3dace rgb(243,218,206)
```
#f7e6dd
```
#f7e6dd rgb(247,230,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, #726863 is the less saturated color, while #d44701 is the most saturated one.

#726863
```
#726863 rgb(114,104,99)
```
#7a655b
```
#7a655b rgb(122,101,91)
```
#826353
```
#826353 rgb(130,99,83)
```
#8a604b
```
#8a604b rgb(138,96,75)
```
#925d43
```
#925d43 rgb(146,93,67)
```
#9b5a3a
```
#9b5a3a rgb(155,90,58)
```
#a35832
```
#a35832 rgb(163,88,50)
```
#ab552a
```
#ab552a rgb(171,85,42)
```
#b35222
```
#b35222 rgb(179,82,34)
```
#bb501a
```
#bb501a rgb(187,80,26)
```
#c44d11
```
#c44d11 rgb(196,77,17)
```
#cc4a09
```
#cc4a09 rgb(204,74,9)
```
#d44701
```
#d44701 rgb(212,71,1)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#77665d Atypical Achromatopsia 0.001% of the population

Dichromacy

#80743b Protanopia 1% of men
#906f2f Deuteranopia 1% of men
#b1595e Tritanopia 0.001% of the population

Trichromacy

#906935 Protanomaly 1% of men, 0.01% of women
#99652d Deuteranomaly 6% of men, 0.4% of women
#af574b Tritanomaly 0.01% of the population

#ab552a hex color

#ab552a Color Information

#ab552a Color Conversion

Color Schemes with #ab552a

Alternatives to #ab552a

#ab552a Preview

Shades and Tints of #ab552a

Tones of #ab552a

Color Blindness Simulator