#533f21 Color Information
In a RGB color space, hex #533f21 is composed of 32.5% red, 24.7% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.1% magenta, 60.2% yellow and 67.5% black. It has a hue angle of 36 degrees, a saturation of 43.1% and a lightness of 22.7%. #533f21 color hex could be obtained by blending #a67e42 with #000000. Closest websafe color is: #663333.
-
- R 33
- G 25
- B 13
-
- C 0
- M 24
- Y 60
- K 67
● #533f21 color description : Very dark orange [Brown tone].
#533f21 Color Conversion
The hexadecimal color #533f21 has RGB values of R:83, G:63, B:33 and CMYK values of C:0, M:0.24, Y:0.6, K:0.67. Its decimal value is 5455649.
| Hex triplet | 533f21 | #533f21 |
|---|---|---|
| RGB Decimal | 83, 63, 33 | rgb(83,63,33) |
| RGB Percent | 32.5, 24.7, 12.9 | rgb(32.5%,24.7%,12.9%) |
| CMYK | 0, 24, 60, 67 | |
| HSL | 36°, 43.1, 22.7 | hsl(36,43.1%,22.7%) |
| HSV (or HSB) | 36°, 60.2, 32.5 | |
| Web Safe | 663333 | #663333 |
| CIE-LAB | 28.125, 4.589, 21.562 |
|---|---|
| XYZ | 5.619, 5.504, 2.205 |
| xyY | 0.422, 0.413, 5.504 |
| CIE-LCH | 28.125, 22.045, 77.985 |
| CIE-LUV | 28.125, 14.359, 19.826 |
| Hunter-Lab | 23.461, 1.698, 10.85 |
| Binary | 01010011, 00111111, 00100001 |
Color Schemes with #533f21
Alternatives to #533f21
Below, you can see some colors close to #533f21. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#533f21 Preview
This text has a font color of #533f21.
<span style="color:#533f21;">Text here</span>
This paragraph has a background color of #533f21.
<p style="background-color:#533f21;">Content here</p>
This element has a border color of #533f21.
<div style="border:1px solid #533f21;">Content here</div>
.text {color:#533f21;}
.background {background-color:#533f21;}
.border {border:1px solid #533f21;}
Shades and Tints of #533f21
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 #fffefe is the lightest one.
-
#0d0a05
#0d0a05rgb(13,10,5) -
#1b140b
#1b140brgb(27,20,11) -
#291f10
#291f10rgb(41,31,16) -
#372a16
#372a16rgb(55,42,22) -
#45341b
#45341brgb(69,52,27) -
#533f21
#533f21rgb(83,63,33) -
#614a27
#614a27rgb(97,74,39) -
#6f542c
#6f542crgb(111,84,44) -
#7d5f32
#7d5f32rgb(125,95,50) -
#8b6a37
#8b6a37rgb(139,106,55) -
#99743d
#99743drgb(153,116,61) -
#a77f42
#a77f42rgb(167,127,66) -
#b58a48
#b58a48rgb(181,138,72)
-
#bc9355
#bc9355rgb(188,147,85) -
#c19c63
#c19c63rgb(193,156,99) -
#c7a571
#c7a571rgb(199,165,113) -
#ccae7f
#ccae7frgb(204,174,127) -
#d2b78e
#d2b78ergb(210,183,142) -
#d7bf9c
#d7bf9crgb(215,191,156) -
#ddc8aa
#ddc8aargb(221,200,170) -
#e3d1b8
#e3d1b8rgb(227,209,184) -
#e8dac6
#e8dac6rgb(232,218,198) -
#eee3d4
#eee3d4rgb(238,227,212) -
#f3ece2
#f3ece2rgb(243,236,226) -
#f9f5f0
#f9f5f0rgb(249,245,240) -
#fffefe
#fffefergb(255,254,254)
Tones of #533f21
A tone is produced by adding gray to any pure hue. In this case, #3d3b37 is the less saturated color, while #724502 is the most saturated one.
-
#3d3b37
#3d3b37rgb(61,59,55) -
#413b33
#413b33rgb(65,59,51) -
#463c2e
#463c2ergb(70,60,46) -
#4a3d2a
#4a3d2argb(74,61,42) -
#4f3e25
#4f3e25rgb(79,62,37) -
#533f21
#533f21rgb(83,63,33) -
#57401d
#57401drgb(87,64,29) -
#5c4118
#5c4118rgb(92,65,24) -
#604214
#604214rgb(96,66,20) -
#65430f
#65430frgb(101,67,15) -
#69430b
#69430brgb(105,67,11) -
#6e4406
#6e4406rgb(110,68,6) -
#724502
#724502rgb(114,69,2)
Color Blindness Simulator
Below, you can see how #533f21 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.
