#533f22 Color Information
In a RGB color space, hex #533f22 is composed of 32.5% red, 24.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.1% magenta, 59% yellow and 67.5% black. It has a hue angle of 35.5 degrees, a saturation of 41.9% and a lightness of 22.9%. #533f22 color hex could be obtained by blending #a67e44 with #000000. Closest websafe color is: #663333.
-
- R 33
- G 25
- B 13
-
- C 0
- M 24
- Y 59
- K 67
● #533f22 color description : Very dark desaturated orange.
#533f22 Color Conversion
The hexadecimal color #533f22 has RGB values of R:83, G:63, B:34 and CMYK values of C:0, M:0.24, Y:0.59, K:0.67. Its decimal value is 5455650.
Hex triplet | 533f22 | #533f22 |
---|---|---|
RGB Decimal | 83, 63, 34 | rgb(83,63,34) |
RGB Percent | 32.5, 24.7, 13.3 | rgb(32.5%,24.7%,13.3%) |
CMYK | 0, 24, 59, 67 | |
HSL | 35.5°, 41.9, 22.9 | hsl(35.5,41.9%,22.9%) |
HSV (or HSB) | 35.5°, 59, 32.5 | |
Web Safe | 663333 | #663333 |
CIE-LAB | 28.14, 4.688, 20.978 |
---|---|
XYZ | 5.634, 5.51, 2.28 |
xyY | 0.42, 0.41, 5.51 |
CIE-LCH | 28.14, 21.495, 77.403 |
CIE-LUV | 28.14, 14.29, 19.382 |
Hunter-Lab | 23.473, 1.763, 10.672 |
Binary | 01010011, 00111111, 00100010 |
Color Schemes with #533f22
Alternatives to #533f22
Below, you can see some colors close to #533f22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#533f22 Preview
This text has a font color of #533f22.
<span style="color:#533f22;">Text here</span>
This paragraph has a background color of #533f22.
<p style="background-color:#533f22;">Content here</p>
This element has a border color of #533f22.
<div style="border:1px solid #533f22;">Content here</div>
.text {color:#533f22;}
.background {background-color:#533f22;}
.border {border:1px solid #533f22;}
Shades and Tints of #533f22
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, #0d0a05 is the darkest color, while #ffffff is the lightest one.
-
#0d0a05
#0d0a05
rgb(13,10,5)
-
#1b150b
#1b150b
rgb(27,21,11)
-
#291f11
#291f11
rgb(41,31,17)
-
#372a17
#372a17
rgb(55,42,23)
-
#45341c
#45341c
rgb(69,52,28)
-
#533f22
#533f22
rgb(83,63,34)
-
#614a28
#614a28
rgb(97,74,40)
-
#6f542d
#6f542d
rgb(111,84,45)
-
#7d5f33
#7d5f33
rgb(125,95,51)
-
#8b6939
#8b6939
rgb(139,105,57)
-
#99743f
#99743f
rgb(153,116,63)
-
#a67e44
#a67e44
rgb(166,126,68)
-
#b4894a
#b4894a
rgb(180,137,74)
-
#ba9258
#ba9258
rgb(186,146,88)
-
#c09b65
#c09b65
rgb(192,155,101)
-
#c6a473
#c6a473
rgb(198,164,115)
-
#cbad81
#cbad81
rgb(203,173,129)
-
#d1b68f
#d1b68f
rgb(209,182,143)
-
#d7bf9d
#d7bf9d
rgb(215,191,157)
-
#ddc8ab
#ddc8ab
rgb(221,200,171)
-
#e2d1b9
#e2d1b9
rgb(226,209,185)
-
#e8dac7
#e8dac7
rgb(232,218,199)
-
#eee4d5
#eee4d5
rgb(238,228,213)
-
#f3ede3
#f3ede3
rgb(243,237,227)
-
#f9f6f1
#f9f6f1
rgb(249,246,241)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #533f22
A tone is produced by adding gray to any pure hue. In this case, #3d3b39 is the less saturated color, while #734502 is the most saturated one.
-
#3d3b39
#3d3b39
rgb(61,59,57)
-
#413c34
#413c34
rgb(65,60,52)
-
#463d30
#463d30
rgb(70,61,48)
-
#4a3d2b
#4a3d2b
rgb(74,61,43)
-
#4f3e27
#4f3e27
rgb(79,62,39)
-
#533f22
#533f22
rgb(83,63,34)
-
#58401e
#58401e
rgb(88,64,30)
-
#5c4119
#5c4119
rgb(92,65,25)
-
#614115
#614115
rgb(97,65,21)
-
#654210
#654210
rgb(101,66,16)
-
#6a430c
#6a430c
rgb(106,67,12)
-
#6e4407
#6e4407
rgb(110,68,7)
-
#734502
#734502
rgb(115,69,2)
Color Blindness Simulator
Below, you can see how #533f22 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.