#553c24 Color Information
In a RGB color space, hex #553c24 is composed of 33.3% red, 23.5% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.4% magenta, 57.6% yellow and 66.7% black. It has a hue angle of 29.4 degrees, a saturation of 40.5% and a lightness of 23.7%. #553c24 color hex could be obtained by blending #aa7848 with #000000. Closest websafe color is: #663333.
-
- R 33
- G 24
- B 14
-
- C 0
- M 29
- Y 58
- K 67
● #553c24 color description : Very dark desaturated orange.
#553c24 Color Conversion
The hexadecimal color #553c24 has RGB values of R:85, G:60, B:36 and CMYK values of C:0, M:0.29, Y:0.58, K:0.67. Its decimal value is 5585956.
Hex triplet | 553c24 | #553c24 |
---|---|---|
RGB Decimal | 85, 60, 36 | rgb(85,60,36) |
RGB Percent | 33.3, 23.5, 14.1 | rgb(33.3%,23.5%,14.1%) |
CMYK | 0, 29, 58, 67 | |
HSL | 29.4°, 40.5, 23.7 | hsl(29.4,40.5%,23.7%) |
HSV (or HSB) | 29.4°, 57.6, 33.3 | |
Web Safe | 663333 | #663333 |
CIE-LAB | 27.547, 7.785, 19.076 |
---|---|
XYZ | 5.681, 5.291, 2.391 |
xyY | 0.425, 0.396, 5.291 |
CIE-LCH | 27.547, 20.603, 67.798 |
CIE-LUV | 27.547, 17.395, 17.2 |
Hunter-Lab | 23.001, 3.831, 9.938 |
Binary | 01010101, 00111100, 00100100 |
Color Schemes with #553c24
Alternatives to #553c24
Below, you can see some colors close to #553c24. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553c24 Preview
This text has a font color of #553c24.
<span style="color:#553c24;">Text here</span>
This paragraph has a background color of #553c24.
<p style="background-color:#553c24;">Content here</p>
This element has a border color of #553c24.
<div style="border:1px solid #553c24;">Content here</div>
.text {color:#553c24;}
.background {background-color:#553c24;}
.border {border:1px solid #553c24;}
Shades and Tints of #553c24
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, #020201 is the darkest color, while #faf7f4 is the lightest one.
-
#020201
#020201
rgb(2,2,1)
-
#100b07
#100b07
rgb(16,11,7)
-
#1e150d
#1e150d
rgb(30,21,13)
-
#2c1f12
#2c1f12
rgb(44,31,18)
-
#392918
#392918
rgb(57,41,24)
-
#47321e
#47321e
rgb(71,50,30)
-
#553c24
#553c24
rgb(85,60,36)
-
#63462a
#63462a
rgb(99,70,42)
-
#714f30
#714f30
rgb(113,79,48)
-
#7e5936
#7e5936
rgb(126,89,54)
-
#8c633b
#8c633b
rgb(140,99,59)
-
#9a6d41
#9a6d41
rgb(154,109,65)
-
#a87647
#a87647
rgb(168,118,71)
-
#b4804e
#b4804e
rgb(180,128,78)
-
#ba8a5c
#ba8a5c
rgb(186,138,92)
-
#c0946a
#c0946a
rgb(192,148,106)
-
#c69e78
#c69e78
rgb(198,158,120)
-
#cba885
#cba885
rgb(203,168,133)
-
#d1b293
#d1b293
rgb(209,178,147)
-
#d7bba1
#d7bba1
rgb(215,187,161)
-
#ddc5af
#ddc5af
rgb(221,197,175)
-
#e3cfbc
#e3cfbc
rgb(227,207,188)
-
#e9d9ca
#e9d9ca
rgb(233,217,202)
-
#eee3d8
#eee3d8
rgb(238,227,216)
-
#f4ede6
#f4ede6
rgb(244,237,230)
-
#faf7f4
#faf7f4
rgb(250,247,244)
Tones of #553c24
A tone is produced by adding gray to any pure hue. In this case, #3e3c3b is the less saturated color, while #763b03 is the most saturated one.
-
#3e3c3b
#3e3c3b
rgb(62,60,59)
-
#423c37
#423c37
rgb(66,60,55)
-
#473c32
#473c32
rgb(71,60,50)
-
#4c3c2d
#4c3c2d
rgb(76,60,45)
-
#503c29
#503c29
rgb(80,60,41)
-
#553c24
#553c24
rgb(85,60,36)
-
#5a3c1f
#5a3c1f
rgb(90,60,31)
-
#5e3c1b
#5e3c1b
rgb(94,60,27)
-
#633c16
#633c16
rgb(99,60,22)
-
#683c11
#683c11
rgb(104,60,17)
-
#6c3c0d
#6c3c0d
rgb(108,60,13)
-
#713b08
#713b08
rgb(113,59,8)
-
#763b03
#763b03
rgb(118,59,3)
Color Blindness Simulator
Below, you can see how #553c24 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.