#ab5522 Color Information
In a RGB color space, hex #ab5522 is composed of 67.1% red, 33.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.3% magenta, 80.1% yellow and 32.9% black. It has a hue angle of 22.3 degrees, a saturation of 66.8% and a lightness of 40.2%. #ab5522 color hex could be obtained by blending #ffaa44 with #570000. Closest websafe color is: #996633.
-
- R 67
- G 33
- B 13
-
- C 0
- M 50
- Y 80
- K 33
● #ab5522 color description : Dark orange [Brown tone].
#ab5522 Color Conversion
The hexadecimal color #ab5522 has RGB values of R:171, G:85, B:34 and CMYK values of C:0, M:0.5, Y:0.8, K:0.33. Its decimal value is 11228450.
Hex triplet | ab5522 | #ab5522 |
---|---|---|
RGB Decimal | 171, 85, 34 | rgb(171,85,34) |
RGB Percent | 67.1, 33.3, 13.3 | rgb(67.1%,33.3%,13.3%) |
CMYK | 0, 50, 80, 33 | |
HSL | 22.3°, 66.8, 40.2 | hsl(22.3,66.8%,40.2%) |
HSV (or HSB) | 22.3°, 80.1, 67.1 | |
Web Safe | 996633 | #996633 |
CIE-LAB | 46.005, 31.772, 43.984 |
---|---|
XYZ | 20.333, 15.272, 3.39 |
xyY | 0.521, 0.392, 15.272 |
CIE-LCH | 46.005, 54.259, 54.158 |
CIE-LUV | 46.005, 69.055, 36.577 |
Hunter-Lab | 39.08, 24.481, 22.212 |
Binary | 10101011, 01010101, 00100010 |
Color Schemes with #ab5522
Alternatives to #ab5522
Below, you can see some colors close to #ab5522. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ab5522 Preview
This text has a font color of #ab5522.
<span style="color:#ab5522;">Text here</span>
This paragraph has a background color of #ab5522.
<p style="background-color:#ab5522;">Content here</p>
This element has a border color of #ab5522.
<div style="border:1px solid #ab5522;">Content here</div>
.text {color:#ab5522;}
.background {background-color:#ab5522;}
.border {border:1px solid #ab5522;}
Shades and Tints of #ab5522
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, #070401 is the darkest color, while #fdf9f6 is the lightest one.
-
#070401
#070401
rgb(7,4,1)
-
#180c05
#180c05
rgb(24,12,5)
-
#281408
#281408
rgb(40,20,8)
-
#381c0b
#381c0b
rgb(56,28,11)
-
#49240e
#49240e
rgb(73,36,14)
-
#592c12
#592c12
rgb(89,44,18)
-
#6a3415
#6a3415
rgb(106,52,21)
-
#7a3d18
#7a3d18
rgb(122,61,24)
-
#8a451b
#8a451b
rgb(138,69,27)
-
#9b4d1f
#9b4d1f
rgb(155,77,31)
-
#ab5522
#ab5522
rgb(171,85,34)
-
#bb5d25
#bb5d25
rgb(187,93,37)
-
#cc6529
#cc6529
rgb(204,101,41)
-
#d66f32
#d66f32
rgb(214,111,50)
-
#d97a42
#d97a42
rgb(217,122,66)
-
#dd8652
#dd8652
rgb(221,134,82)
-
#e09163
#e09163
rgb(224,145,99)
-
#e39d73
#e39d73
rgb(227,157,115)
-
#e6a883
#e6a883
rgb(230,168,131)
-
#eab494
#eab494
rgb(234,180,148)
-
#edbfa4
#edbfa4
rgb(237,191,164)
-
#f0cbb5
#f0cbb5
rgb(240,203,181)
-
#f3d6c5
#f3d6c5
rgb(243,214,197)
-
#f7e2d5
#f7e2d5
rgb(247,226,213)
-
#faede6
#faede6
rgb(250,237,230)
-
#fdf9f6
#fdf9f6
rgb(253,249,246)
Tones of #ab5522
A tone is produced by adding gray to any pure hue. In this case, #6c6561 is the less saturated color, while #cb4d02 is the most saturated one.
-
#6c6561
#6c6561
rgb(108,101,97)
-
#746359
#746359
rgb(116,99,89)
-
#7c6151
#7c6151
rgb(124,97,81)
-
#845f49
#845f49
rgb(132,95,73)
-
#8b5d42
#8b5d42
rgb(139,93,66)
-
#935b3a
#935b3a
rgb(147,91,58)
-
#9b5932
#9b5932
rgb(155,89,50)
-
#a3572a
#a3572a
rgb(163,87,42)
-
#ab5522
#ab5522
rgb(171,85,34)
-
#b3531a
#b3531a
rgb(179,83,26)
-
#bb5112
#bb5112
rgb(187,81,18)
-
#c34f0a
#c34f0a
rgb(195,79,10)
-
#cb4d02
#cb4d02
rgb(203,77,2)
Color Blindness Simulator
Below, you can see how #ab5522 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.