#ab5532 hex color

In a RGB color space, hex #ab5532 is composed of 67.1% red, 33.3% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.3% magenta, 70.8% yellow and 32.9% black. It has a hue angle of 17.4 degrees, a saturation of 54.8% and a lightness of 43.3%. #ab5532 color hex could be obtained by blending #ffaa64 with #570000. Closest websafe color is: #996633.

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

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

The hexadecimal color #ab5532 has RGB values of R:171, G:85, B:50 and CMYK values of C:0, M:0.5, Y:0.71, K:0.33. Its decimal value is 11228466.

Hex triplet	ab5532	`#ab5532`
RGB Decimal	171, 85, 50	`rgb(171,85,50)`
RGB Percent	67.1, 33.3, 19.6	`rgb(67.1%,33.3%,19.6%)`
CMYK	0, 50, 71, 33
HSL	17.4°, 54.8, 43.3	`hsl(17.4,54.8%,43.3%)`
HSV (or HSB)	17.4°, 70.8, 67.1
Web Safe	996633	`#996633`

CIE-LAB	46.16, 32.504, 36.025
XYZ	20.619, 15.387, 4.902
xyY	0.504, 0.376, 15.387
CIE-LCH	46.16, 48.521, 47.941
CIE-LUV	46.16, 67.254, 31.218
Hunter-Lab	39.226, 25.183, 20.05
Binary	10101011, 01010101, 00110010

#ab5532
```
#ab5532 rgb(171,85,50)
```
#3288ab
```
#3288ab rgb(50,136,171)
```

Complementary Color

#ab324c
```
#ab324c rgb(171,50,76)
```
#ab5532
```
#ab5532 rgb(171,85,50)
```
#ab9232
```
#ab9232 rgb(171,146,50)
```

Analogous Color

#324cab
```
#324cab rgb(50,76,171)
```
#ab5532
```
#ab5532 rgb(171,85,50)
```
#32ab92
```
#32ab92 rgb(50,171,146)
```

Split Complementary Color

#5532ab
```
#5532ab rgb(85,50,171)
```
#ab5532
```
#ab5532 rgb(171,85,50)
```
#32ab55
```
#32ab55 rgb(50,171,85)
```

Triadic Color

#ab3288
```
#ab3288 rgb(171,50,136)
```
#ab5532
```
#ab5532 rgb(171,85,50)
```
#32ab55
```
#32ab55 rgb(50,171,85)
```
#3288ab
```
#3288ab rgb(50,136,171)
```

Tetradic Color

#703821
```
#703821 rgb(112,56,33)
```
#844126
```
#844126 rgb(132,65,38)
```
#974b2c
```
#974b2c rgb(151,75,44)
```
#ab5532
```
#ab5532 rgb(171,85,50)
```
#bf5f38
```
#bf5f38 rgb(191,95,56)
```
#c96d47
```
#c96d47 rgb(201,109,71)
```
#cf7c5b
```
#cf7c5b rgb(207,124,91)
```

Monochromatic Color

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

#ab3732
```
#ab3732 rgb(171,55,50)
```
#ab4132
```
#ab4132 rgb(171,65,50)
```
#ab4b32
```
#ab4b32 rgb(171,75,50)
```
#ab5532
```
#ab5532 rgb(171,85,50)
```
#ab5f32
```
#ab5f32 rgb(171,95,50)
```
#ab6932
```
#ab6932 rgb(171,105,50)
```
#ab7332
```
#ab7332 rgb(171,115,50)
```

Similar Colors

Text with hexadecimal color #ab5532

This text has a font color of #ab5532.

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

#ab5532 background color

This paragraph has a background color of #ab5532.

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

#ab5532 border color

This element has a border color of #ab5532.

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

CSS codes

.text {color:#ab5532;}

.background {background-color:#ab5532;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#130a06
```
#130a06 rgb(19,10,6)
```
#22110a
```
#22110a rgb(34,17,10)
```
#32190e
```
#32190e rgb(50,25,14)
```
#412013
```
#412013 rgb(65,32,19)
```
#502817
```
#502817 rgb(80,40,23)
```
#5f2f1c
```
#5f2f1c rgb(95,47,28)
```
#6e3720
```
#6e3720 rgb(110,55,32)
```
#7d3e25
```
#7d3e25 rgb(125,62,37)
```
#8d4629
```
#8d4629 rgb(141,70,41)
```
#9c4d2e
```
#9c4d2e rgb(156,77,46)
```
#ab5532
```
#ab5532 rgb(171,85,50)
```
#ba5d36
```
#ba5d36 rgb(186,93,54)
```

Shade Color Variation

#c6653e
```
#c6653e rgb(198,101,62)
```
#cb714d
```
#cb714d rgb(203,113,77)
```
#cf7d5c
```
#cf7d5c rgb(207,125,92)
```
#d48a6b
```
#d48a6b rgb(212,138,107)
```
#d8967a
```
#d8967a rgb(216,150,122)
```
#dda28a
```
#dda28a rgb(221,162,138)
```
#e1ae99
```
#e1ae99 rgb(225,174,153)
```
#e6baa8
```
#e6baa8 rgb(230,186,168)
```
#eac6b7
```
#eac6b7 rgb(234,198,183)
```
#eed2c6
```
#eed2c6 rgb(238,210,198)
```
#f3ded6
```
#f3ded6 rgb(243,222,214)
```
#f7eae5
```
#f7eae5 rgb(247,234,229)
```
#fcf6f4
```
#fcf6f4 rgb(252,246,244)
```

Tint Color Variation

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

#706e6e
```
#706e6e rgb(112,110,110)
```
#786a65
```
#786a65 rgb(120,106,101)
```
#81675d
```
#81675d rgb(129,103,93)
```
#896354
```
#896354 rgb(137,99,84)
```
#92604c
```
#92604c rgb(146,96,76)
```
#9a5c43
```
#9a5c43 rgb(154,92,67)
```
#a3593b
```
#a3593b rgb(163,89,59)
```
#ab5532
```
#ab5532 rgb(171,85,50)
```
#b4512a
```
#b4512a rgb(180,81,42)
```
#bc4e21
```
#bc4e21 rgb(188,78,33)
```
#c54a19
```
#c54a19 rgb(197,74,25)
```
#cd4710
```
#cd4710 rgb(205,71,16)
```
#d64307
```
#d64307 rgb(214,67,7)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#786760 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807443 Protanopia 1% of men
#8f6f37 Deuteranopia 1% of men
#b1595f Tritanopia 0.001% of the population

Trichromacy

#8f693d Protanomaly 1% of men, 0.01% of women
#996535 Deuteranomaly 6% of men, 0.4% of women
#af574e Tritanomaly 0.01% of the population

#ab5532 hex color

#ab5532 Color Information

#ab5532 Color Conversion

Color Schemes with #ab5532

Alternatives to #ab5532

#ab5532 Preview

Shades and Tints of #ab5532

Tones of #ab5532

Color Blindness Simulator