#533a22 Color Information
In a RGB color space, hex #533a22 is composed of 32.5% red, 22.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.1% magenta, 59% yellow and 67.5% black. It has a hue angle of 29.4 degrees, a saturation of 41.9% and a lightness of 22.9%. #533a22 color hex could be obtained by blending #a67444 with #000000. Closest websafe color is: #663333.
-
- R 33
- G 23
- B 13
-
- C 0
- M 30
- Y 59
- K 67
● #533a22 color description : Very dark desaturated orange.
#533a22 Color Conversion
The hexadecimal color #533a22 has RGB values of R:83, G:58, B:34 and CMYK values of C:0, M:0.3, Y:0.59, K:0.67. Its decimal value is 5454370.
Hex triplet | 533a22 | #533a22 |
---|---|---|
RGB Decimal | 83, 58, 34 | rgb(83,58,34) |
RGB Percent | 32.5, 22.7, 13.3 | rgb(32.5%,22.7%,13.3%) |
CMYK | 0, 30, 59, 67 | |
HSL | 29.4°, 41.9, 22.9 | hsl(29.4,41.9%,22.9%) |
HSV (or HSB) | 29.4°, 59, 32.5 | |
Web Safe | 663333 | #663333 |
CIE-LAB | 26.68, 7.882, 19.18 |
---|---|
XYZ | 5.369, 4.981, 2.192 |
xyY | 0.428, 0.397, 4.981 |
CIE-LCH | 26.68, 20.737, 67.66 |
CIE-LUV | 26.68, 17.339, 16.982 |
Hunter-Lab | 22.318, 3.886, 9.799 |
Binary | 01010011, 00111010, 00100010 |
Color Schemes with #533a22
Alternatives to #533a22
Below, you can see some colors close to #533a22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#533a22 Preview
This text has a font color of #533a22.
<span style="color:#533a22;">Text here</span>
This paragraph has a background color of #533a22.
<p style="background-color:#533a22;">Content here</p>
This element has a border color of #533a22.
<div style="border:1px solid #533a22;">Content here</div>
.text {color:#533a22;}
.background {background-color:#533a22;}
.border {border:1px solid #533a22;}
Shades and Tints of #533a22
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, #0d0905 is the darkest color, while #ffffff is the lightest one.
-
#0d0905
#0d0905
rgb(13,9,5)
-
#1b130b
#1b130b
rgb(27,19,11)
-
#291d11
#291d11
rgb(41,29,17)
-
#372717
#372717
rgb(55,39,23)
-
#45301c
#45301c
rgb(69,48,28)
-
#533a22
#533a22
rgb(83,58,34)
-
#614428
#614428
rgb(97,68,40)
-
#6f4d2d
#6f4d2d
rgb(111,77,45)
-
#7d5733
#7d5733
rgb(125,87,51)
-
#8b6139
#8b6139
rgb(139,97,57)
-
#996b3f
#996b3f
rgb(153,107,63)
-
#a67444
#a67444
rgb(166,116,68)
-
#b47e4a
#b47e4a
rgb(180,126,74)
-
#ba8858
#ba8858
rgb(186,136,88)
-
#c09265
#c09265
rgb(192,146,101)
-
#c69c73
#c69c73
rgb(198,156,115)
-
#cba681
#cba681
rgb(203,166,129)
-
#d1b08f
#d1b08f
rgb(209,176,143)
-
#d7b99d
#d7b99d
rgb(215,185,157)
-
#ddc3ab
#ddc3ab
rgb(221,195,171)
-
#e2cdb9
#e2cdb9
rgb(226,205,185)
-
#e8d7c7
#e8d7c7
rgb(232,215,199)
-
#eee1d5
#eee1d5
rgb(238,225,213)
-
#f3ebe3
#f3ebe3
rgb(243,235,227)
-
#f9f5f1
#f9f5f1
rgb(249,245,241)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #533a22
A tone is produced by adding gray to any pure hue. In this case, #3d3a39 is the less saturated color, while #733902 is the most saturated one.
-
#3d3a39
#3d3a39
rgb(61,58,57)
-
#413a34
#413a34
rgb(65,58,52)
-
#463a30
#463a30
rgb(70,58,48)
-
#4a3a2b
#4a3a2b
rgb(74,58,43)
-
#4f3a27
#4f3a27
rgb(79,58,39)
-
#533a22
#533a22
rgb(83,58,34)
-
#583a1e
#583a1e
rgb(88,58,30)
-
#5c3a19
#5c3a19
rgb(92,58,25)
-
#613a15
#613a15
rgb(97,58,21)
-
#653a10
#653a10
rgb(101,58,16)
-
#6a3a0c
#6a3a0c
rgb(106,58,12)
-
#6e3907
#6e3907
rgb(110,57,7)
-
#733902
#733902
rgb(115,57,2)
Color Blindness Simulator
Below, you can see how #533a22 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.