#553310 Color Information
In a RGB color space, hex #553310 is composed of 33.3% red, 20% green and 6.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40% magenta, 81.2% yellow and 66.7% black. It has a hue angle of 30.4 degrees, a saturation of 68.3% and a lightness of 19.8%. #553310 color hex could be obtained by blending #aa6620 with #000000. Closest websafe color is: #663300.
-
- R 33
- G 20
- B 6
-
- C 0
- M 40
- Y 81
- K 67
● #553310 color description : Very dark orange [Brown tone].
#553310 Color Conversion
The hexadecimal color #553310 has RGB values of R:85, G:51, B:16 and CMYK values of C:0, M:0.4, Y:0.81, K:0.67. Its decimal value is 5583632.
Hex triplet | 553310 | #553310 |
---|---|---|
RGB Decimal | 85, 51, 16 | rgb(85,51,16) |
RGB Percent | 33.3, 20, 6.3 | rgb(33.3%,20%,6.3%) |
CMYK | 0, 40, 81, 67 | |
HSL | 30.4°, 68.3, 19.8 | hsl(30.4,68.3%,19.8%) |
HSV (or HSB) | 30.4°, 81.2, 33.3 | |
Web Safe | 663300 | #663300 |
CIE-LAB | 24.755, 11.977, 27.526 |
---|---|
XYZ | 5.024, 4.337, 1.063 |
xyY | 0.482, 0.416, 4.337 |
CIE-LCH | 24.755, 30.019, 66.486 |
CIE-LUV | 24.755, 24.602, 20.728 |
Hunter-Lab | 20.825, 6.618, 11.552 |
Binary | 01010101, 00110011, 00010000 |
Color Schemes with #553310
Alternatives to #553310
Below, you can see some colors close to #553310. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553310 Preview
This text has a font color of #553310.
<span style="color:#553310;">Text here</span>
This paragraph has a background color of #553310.
<p style="background-color:#553310;">Content here</p>
This element has a border color of #553310.
<div style="border:1px solid #553310;">Content here</div>
.text {color:#553310;}
.background {background-color:#553310;}
.border {border:1px solid #553310;}
Shades and Tints of #553310
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, #020100 is the darkest color, while #fcf7f1 is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#130b04
#130b04
rgb(19,11,4)
-
#231507
#231507
rgb(35,21,7)
-
#341f0a
#341f0a
rgb(52,31,10)
-
#44290d
#44290d
rgb(68,41,13)
-
#553310
#553310
rgb(85,51,16)
-
#663d13
#663d13
rgb(102,61,19)
-
#764716
#764716
rgb(118,71,22)
-
#875119
#875119
rgb(135,81,25)
-
#975b1c
#975b1c
rgb(151,91,28)
-
#a86520
#a86520
rgb(168,101,32)
-
#b86e23
#b86e23
rgb(184,110,35)
-
#c97826
#c97826
rgb(201,120,38)
-
#d7822b
#d7822b
rgb(215,130,43)
-
#da8c3b
#da8c3b
rgb(218,140,59)
-
#dd964c
#dd964c
rgb(221,150,76)
-
#e09f5c
#e09f5c
rgb(224,159,92)
-
#e3a96d
#e3a96d
rgb(227,169,109)
-
#e7b37d
#e7b37d
rgb(231,179,125)
-
#eabc8e
#eabc8e
rgb(234,188,142)
-
#edc69e
#edc69e
rgb(237,198,158)
-
#f0d0af
#f0d0af
rgb(240,208,175)
-
#f3dabf
#f3dabf
rgb(243,218,191)
-
#f6e3d0
#f6e3d0
rgb(246,227,208)
-
#f9ede0
#f9ede0
rgb(249,237,224)
-
#fcf7f1
#fcf7f1
rgb(252,247,241)
Tones of #553310
A tone is produced by adding gray to any pure hue. In this case, #36332f is the less saturated color, while #653300 is the most saturated one.
-
#36332f
#36332f
rgb(54,51,47)
-
#3a332b
#3a332b
rgb(58,51,43)
-
#3e3327
#3e3327
rgb(62,51,39)
-
#423323
#423323
rgb(66,51,35)
-
#453320
#453320
rgb(69,51,32)
-
#49331c
#49331c
rgb(73,51,28)
-
#4d3318
#4d3318
rgb(77,51,24)
-
#513314
#513314
rgb(81,51,20)
-
#553310
#553310
rgb(85,51,16)
-
#59330c
#59330c
rgb(89,51,12)
-
#5d3308
#5d3308
rgb(93,51,8)
-
#613304
#613304
rgb(97,51,4)
-
#653300
#653300
rgb(101,51,0)
Color Blindness Simulator
Below, you can see how #553310 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.