#533f33 Color Information
In a RGB color space, hex #533f33 is composed of 32.5% red, 24.7% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.1% magenta, 38.6% yellow and 67.5% black. It has a hue angle of 22.5 degrees, a saturation of 23.9% and a lightness of 26.3%. #533f33 color hex could be obtained by blending #a67e66 with #000000. Closest websafe color is: #663333.
-
- R 33
- G 25
- B 20
-
- C 0
- M 24
- Y 39
- K 67
● #533f33 color description : Very dark desaturated orange.
#533f33 Color Conversion
The hexadecimal color #533f33 has RGB values of R:83, G:63, B:51 and CMYK values of C:0, M:0.24, Y:0.39, K:0.67. Its decimal value is 5455667.
| Hex triplet | 533f33 | #533f33 |
|---|---|---|
| RGB Decimal | 83, 63, 51 | rgb(83,63,51) |
| RGB Percent | 32.5, 24.7, 20 | rgb(32.5%,24.7%,20%) |
| CMYK | 0, 24, 39, 67 | |
| HSL | 22.5°, 23.9, 26.3 | hsl(22.5,23.9%,26.3%) |
| HSV (or HSB) | 22.5°, 38.6, 32.5 | |
| Web Safe | 663333 | #663333 |
| CIE-LAB | 28.468, 6.775, 10.707 |
|---|---|
| XYZ | 5.942, 5.633, 3.906 |
| xyY | 0.384, 0.364, 5.633 |
| CIE-LCH | 28.468, 12.67, 57.676 |
| CIE-LUV | 28.468, 12.889, 10.34 |
| Hunter-Lab | 23.734, 3.155, 6.856 |
| Binary | 01010011, 00111111, 00110011 |
Color Schemes with #533f33
Alternatives to #533f33
Below, you can see some colors close to #533f33. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#533f33 Preview
This text has a font color of #533f33.
<span style="color:#533f33;">Text here</span>
This paragraph has a background color of #533f33.
<p style="background-color:#533f33;">Content here</p>
This element has a border color of #533f33.
<div style="border:1px solid #533f33;">Content here</div>
.text {color:#533f33;}
.background {background-color:#533f33;}
.border {border:1px solid #533f33;}
Shades and Tints of #533f33
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, #0a0806 is the darkest color, while #fefdfd is the lightest one.
-
#0a0806
#0a0806rgb(10,8,6) -
#16110e
#16110ergb(22,17,14) -
#221a15
#221a15rgb(34,26,21) -
#2f231d
#2f231drgb(47,35,29) -
#3b2d24
#3b2d24rgb(59,45,36) -
#47362c
#47362crgb(71,54,44) -
#533f33
#533f33rgb(83,63,51) -
#5f483a
#5f483argb(95,72,58) -
#6b5142
#6b5142rgb(107,81,66) -
#775b49
#775b49rgb(119,91,73) -
#846451
#846451rgb(132,100,81) -
#906d58
#906d58rgb(144,109,88) -
#9c7660
#9c7660rgb(156,118,96)
-
#a4816b
#a4816brgb(164,129,107) -
#ac8b77
#ac8b77rgb(172,139,119) -
#b39583
#b39583rgb(179,149,131) -
#bba090
#bba090rgb(187,160,144) -
#c2aa9c
#c2aa9crgb(194,170,156) -
#c9b4a8
#c9b4a8rgb(201,180,168) -
#d1bfb4
#d1bfb4rgb(209,191,180) -
#d8c9c0
#d8c9c0rgb(216,201,192) -
#e0d4cc
#e0d4ccrgb(224,212,204) -
#e7ded9
#e7ded9rgb(231,222,217) -
#efe8e5
#efe8e5rgb(239,232,229) -
#f6f3f1
#f6f3f1rgb(246,243,241) -
#fefdfd
#fefdfdrgb(254,253,253)
Tones of #533f33
A tone is produced by adding gray to any pure hue. In this case, #444342 is the less saturated color, while #813305 is the most saturated one.
-
#444342
#444342rgb(68,67,66) -
#49423d
#49423drgb(73,66,61) -
#4e4038
#4e4038rgb(78,64,56) -
#533f33
#533f33rgb(83,63,51) -
#583e2e
#583e2ergb(88,62,46) -
#5d3c29
#5d3c29rgb(93,60,41) -
#623b24
#623b24rgb(98,59,36) -
#683a1e
#683a1ergb(104,58,30) -
#6d3919
#6d3919rgb(109,57,25) -
#723714
#723714rgb(114,55,20) -
#77360f
#77360frgb(119,54,15) -
#7c350a
#7c350argb(124,53,10) -
#813305
#813305rgb(129,51,5)
Color Blindness Simulator
Below, you can see how #533f33 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.
