#ab522d hex color

In a RGB color space, hex #ab522d is composed of 67.1% red, 32.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52% magenta, 73.7% yellow and 32.9% black. It has a hue angle of 17.6 degrees, a saturation of 58.3% and a lightness of 42.4%. #ab522d color hex could be obtained by blending #ffa45a with #570000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 67
- G 32
- B 18
RGB color chart
- C 0
- M 52
- Y 74
- K 33
CMYK color chart

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

The hexadecimal color #ab522d has RGB values of R:171, G:82, B:45 and CMYK values of C:0, M:0.52, Y:0.74, K:0.33. Its decimal value is 11227693.

Hex triplet	ab522d	`#ab522d`
RGB Decimal	171, 82, 45	`rgb(171,82,45)`
RGB Percent	67.1, 32.2, 17.6	`rgb(67.1%,32.2%,17.6%)`
CMYK	0, 52, 74, 33
HSL	17.6°, 58.3, 42.4	`hsl(17.6,58.3%,42.4%)`
HSV (or HSB)	17.6°, 73.7, 67.1
Web Safe	996633	`#996633`

CIE-LAB	45.475, 33.83, 37.951
XYZ	20.286, 14.884, 4.287
xyY	0.514, 0.377, 14.884
CIE-LCH	45.475, 50.84, 48.286
CIE-LUV	45.475, 70.132, 31.981
Hunter-Lab	38.58, 26.346, 20.417
Binary	10101011, 01010010, 00101101

#ab522d
```
#ab522d rgb(171,82,45)
```
#2d86ab
```
#2d86ab rgb(45,134,171)
```

Complementary Color

#ab2d47
```
#ab2d47 rgb(171,45,71)
```
#ab522d
```
#ab522d rgb(171,82,45)
```
#ab912d
```
#ab912d rgb(171,145,45)
```

Analogous Color

#2d47ab
```
#2d47ab rgb(45,71,171)
```
#ab522d
```
#ab522d rgb(171,82,45)
```
#2dab91
```
#2dab91 rgb(45,171,145)
```

Split Complementary Color

#522dab
```
#522dab rgb(82,45,171)
```
#ab522d
```
#ab522d rgb(171,82,45)
```
#2dab52
```
#2dab52 rgb(45,171,82)
```

Triadic Color

#ab2d86
```
#ab2d86 rgb(171,45,134)
```
#ab522d
```
#ab522d rgb(171,82,45)
```
#2dab52
```
#2dab52 rgb(45,171,82)
```
#2d86ab
```
#2d86ab rgb(45,134,171)
```

Tetradic Color

#6e351d
```
#6e351d rgb(110,53,29)
```
#833f22
```
#833f22 rgb(131,63,34)
```
#974828
```
#974828 rgb(151,72,40)
```
#ab522d
```
#ab522d rgb(171,82,45)
```
#bf5c32
```
#bf5c32 rgb(191,92,50)
```
#cc683f
```
#cc683f rgb(204,104,63)
```
#d27853
```
#d27853 rgb(210,120,83)
```

Monochromatic Color

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

#ab332d
```
#ab332d rgb(171,51,45)
```
#ab3d2d
```
#ab3d2d rgb(171,61,45)
```
#ab482d
```
#ab482d rgb(171,72,45)
```
#ab522d
```
#ab522d rgb(171,82,45)
```
#ab5d2d
```
#ab5d2d rgb(171,93,45)
```
#ab672d
```
#ab672d rgb(171,103,45)
```
#ab722d
```
#ab722d rgb(171,114,45)
```

Similar Colors

Text with hexadecimal color #ab522d

This text has a font color of #ab522d.

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

#ab522d background color

This paragraph has a background color of #ab522d.

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

#ab522d border color

This element has a border color of #ab522d.

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

CSS codes

.text {color:#ab522d;}

.background {background-color:#ab522d;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#100804
```
#100804 rgb(16,8,4)
```
#1f0f08
```
#1f0f08 rgb(31,15,8)
```
#2f160c
```
#2f160c rgb(47,22,12)
```
#3e1e10
```
#3e1e10 rgb(62,30,16)
```
#4e2514
```
#4e2514 rgb(78,37,20)
```
#5d2d19
```
#5d2d19 rgb(93,45,25)
```
#6d341d
```
#6d341d rgb(109,52,29)
```
#7c3c21
```
#7c3c21 rgb(124,60,33)
```
#8c4325
```
#8c4325 rgb(140,67,37)
```
#9b4b29
```
#9b4b29 rgb(155,75,41)
```
#ab522d
```
#ab522d rgb(171,82,45)
```
#bb5931
```
#bb5931 rgb(187,89,49)
```

Shade Color Variation

#ca6135
```
#ca6135 rgb(202,97,53)
```
#ce6d45
```
#ce6d45 rgb(206,109,69)
```
#d27954
```
#d27954 rgb(210,121,84)
```
#d68564
```
#d68564 rgb(214,133,100)
```
#da9273
```
#da9273 rgb(218,146,115)
```
#de9e83
```
#de9e83 rgb(222,158,131)
```
#e2aa92
```
#e2aa92 rgb(226,170,146)
```
#e7b6a2
```
#e7b6a2 rgb(231,182,162)
```
#ebc2b2
```
#ebc2b2 rgb(235,194,178)
```
#efcec1
```
#efcec1 rgb(239,206,193)
```
#f3dbd1
```
#f3dbd1 rgb(243,219,209)
```
#f7e7e0
```
#f7e7e0 rgb(247,231,224)
```
#fbf3f0
```
#fbf3f0 rgb(251,243,240)
```

Tint Color Variation

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

#716a67
```
#716a67 rgb(113,106,103)
```
#79675f
```
#79675f rgb(121,103,95)
```
#816357
```
#816357 rgb(129,99,87)
```
#8a604e
```
#8a604e rgb(138,96,78)
```
#925c46
```
#925c46 rgb(146,92,70)
```
#9a593e
```
#9a593e rgb(154,89,62)
```
#a35535
```
#a35535 rgb(163,85,53)
```
#ab522d
```
#ab522d rgb(171,82,45)
```
#b34f25
```
#b34f25 rgb(179,79,37)
```
#bc4b1c
```
#bc4b1c rgb(188,75,28)
```
#c44814
```
#c44814 rgb(196,72,20)
```
#cc440c
```
#cc440c rgb(204,68,12)
```
#d54103
```
#d54103 rgb(213,65,3)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#75645c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e733f Protanopia 1% of men
#8e6e32 Deuteranopia 1% of men
#b1565c Tritanopia 0.001% of the population

Trichromacy

#8e6738 Protanomaly 1% of men, 0.01% of women
#986330 Deuteranomaly 6% of men, 0.4% of women
#ae544a Tritanomaly 0.01% of the population

#ab522d hex color

#ab522d Color Information

#ab522d Color Conversion

Color Schemes with #ab522d

Alternatives to #ab522d

#ab522d Preview

Shades and Tints of #ab522d

Tones of #ab522d

Color Blindness Simulator