#533700 hex color
In a RGB color space, hex #533700 is composed of 32.5% red, 21.6% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.7% magenta, 100% yellow and 67.5% black. It has a hue angle of 39.8 degrees, a saturation of 100% and a lightness of 16.3%. #533700 color hex could be obtained by blending #a66e00 with #000000. Closest websafe color is: #663300.
-
- R 33
- G 22
- B 0
RGB color chart
-
- C 0
- M 34
- Y 100
- K 67
CMYK color chart
● #533700 color description : Very dark orange [Brown tone].
The hexadecimal color #533700 has RGB values of R:83, G:55, B:0 and CMYK values of C:0, M:0.34, Y:1, K:0.67. Its decimal value is 5453568.
Hex triplet | 533700 | #533700 |
---|---|---|
RGB Decimal | 83, 55, 0 | rgb(83,55,0) |
RGB Percent | 32.5, 21.6, 0 | rgb(32.5%,21.6%,0%) |
CMYK | 0, 34, 100, 67 | |
HSL | 39.8°, 100, 16.3 | hsl(39.8,100%,16.3%) |
HSV (or HSB) | 39.8°, 100, 32.5 | |
Web Safe | 663300 | #663300 |
CIE-LAB | 25.478, 7.73, 35.022 |
---|---|
XYZ | 4.934, 4.572, 0.623 |
xyY | 0.487, 0.451, 4.572 |
CIE-LCH | 25.478, 35.865, 77.554 |
CIE-LUV | 25.478, 21.188, 25.677 |
Hunter-Lab | 21.382, 3.77, 13.241 |
Binary | 01010011, 00110111, 00000000 |
Split Complementary Color
Below, you can see some colors close to #533700. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #533700
This text has a font color of #533700.
<span style="color:#533700;">Text here</span>
#533700 background color
This paragraph has a background color of #533700.
<p style="background-color:#533700;">Content here</p>
#533700 border color
This element has a border color of #533700.
<div style="border:1px solid #533700;">Content here</div>
CSS codes
.text {color:#533700;}
.background {background-color:#533700;}
.border {border:1px solid #533700;}
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, #050300 is the darkest color, while #fffaf0 is the lightest one.
-
#050300
#050300
rgb(5,3,0)
-
#181000
#181000
rgb(24,16,0)
-
#2c1d00
#2c1d00
rgb(44,29,0)
-
#3f2a00
#3f2a00
rgb(63,42,0)
-
#533700
#533700
rgb(83,55,0)
-
#674400
#674400
rgb(103,68,0)
-
#7a5100
#7a5100
rgb(122,81,0)
-
#8e5e00
#8e5e00
rgb(142,94,0)
-
#a16b00
#a16b00
rgb(161,107,0)
-
#b57800
#b57800
rgb(181,120,0)
-
#c98500
#c98500
rgb(201,133,0)
-
#dc9200
#dc9200
rgb(220,146,0)
-
#f09f00
#f09f00
rgb(240,159,0)
Shade Color Variation
-
#ffab05
#ffab05
rgb(255,171,5)
-
#ffb118
#ffb118
rgb(255,177,24)
-
#ffb82c
#ffb82c
rgb(255,184,44)
-
#ffbe3f
#ffbe3f
rgb(255,190,63)
-
#ffc553
#ffc553
rgb(255,197,83)
-
#ffcc67
#ffcc67
rgb(255,204,103)
-
#ffd27a
#ffd27a
rgb(255,210,122)
-
#ffd98e
#ffd98e
rgb(255,217,142)
-
#ffdfa1
#ffdfa1
rgb(255,223,161)
-
#ffe6b5
#ffe6b5
rgb(255,230,181)
-
#ffedc9
#ffedc9
rgb(255,237,201)
-
#fff3dc
#fff3dc
rgb(255,243,220)
-
#fffaf0
#fffaf0
rgb(255,250,240)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #2d2b26 is the less saturated color, while #533700 is the most saturated one.
-
#2d2b26
#2d2b26
rgb(45,43,38)
-
#302c23
#302c23
rgb(48,44,35)
-
#332d20
#332d20
rgb(51,45,32)
-
#362e1d
#362e1d
rgb(54,46,29)
-
#392f1a
#392f1a
rgb(57,47,26)
-
#3d3016
#3d3016
rgb(61,48,22)
-
#403113
#403113
rgb(64,49,19)
-
#433210
#433210
rgb(67,50,16)
-
#46330d
#46330d
rgb(70,51,13)
-
#49340a
#49340a
rgb(73,52,10)
-
#4d3506
#4d3506
rgb(77,53,6)
-
#503603
#503603
rgb(80,54,3)
-
#533700
#533700
rgb(83,55,0)
Tone Color Variation
Below, you can see how #533700 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.
Monochromacy
Dichromacy