#553b30 Color Information
In a RGB color space, hex #553b30 is composed of 33.3% red, 23.1% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.6% magenta, 43.5% yellow and 66.7% black. It has a hue angle of 17.8 degrees, a saturation of 27.8% and a lightness of 26.1%. #553b30 color hex could be obtained by blending #aa7660 with #000000. Closest websafe color is: #663333.
-
- R 33
- G 23
- B 19
-
- C 0
- M 31
- Y 44
- K 67
● #553b30 color description : Very dark desaturated orange.
#553b30 Color Conversion
The hexadecimal color #553b30 has RGB values of R:85, G:59, B:48 and CMYK values of C:0, M:0.31, Y:0.44, K:0.67. Its decimal value is 5585712.
Hex triplet | 553b30 | #553b30 |
---|---|---|
RGB Decimal | 85, 59, 48 | rgb(85,59,48) |
RGB Percent | 33.3, 23.1, 18.8 | rgb(33.3%,23.1%,18.8%) |
CMYK | 0, 31, 44, 67 | |
HSL | 17.8°, 27.8, 26.1 | hsl(17.8,27.8%,26.1%) |
HSV (or HSB) | 17.8°, 43.5, 33.3 | |
Web Safe | 663333 | #663333 |
CIE-LAB | 27.499, 9.85, 11.369 |
---|---|
XYZ | 5.844, 5.273, 3.506 |
xyY | 0.4, 0.361, 5.273 |
CIE-LCH | 27.499, 15.042, 49.096 |
CIE-LUV | 27.499, 16.816, 10.302 |
Hunter-Lab | 22.963, 5.241, 7.021 |
Binary | 01010101, 00111011, 00110000 |
Color Schemes with #553b30
Alternatives to #553b30
Below, you can see some colors close to #553b30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553b30 Preview
This text has a font color of #553b30.
<span style="color:#553b30;">Text here</span>
This paragraph has a background color of #553b30.
<p style="background-color:#553b30;">Content here</p>
This element has a border color of #553b30.
<div style="border:1px solid #553b30;">Content here</div>
.text {color:#553b30;}
.background {background-color:#553b30;}
.border {border:1px solid #553b30;}
Shades and Tints of #553b30
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, #0a0706 is the darkest color, while #fdfdfc is the lightest one.
-
#0a0706
#0a0706
rgb(10,7,6)
-
#160f0d
#160f0d
rgb(22,15,13)
-
#231814
#231814
rgb(35,24,20)
-
#2f211b
#2f211b
rgb(47,33,27)
-
#3c2a22
#3c2a22
rgb(60,42,34)
-
#483229
#483229
rgb(72,50,41)
-
#553b30
#553b30
rgb(85,59,48)
-
#624437
#624437
rgb(98,68,55)
-
#6e4c3e
#6e4c3e
rgb(110,76,62)
-
#7b5545
#7b5545
rgb(123,85,69)
-
#875e4c
#875e4c
rgb(135,94,76)
-
#946753
#946753
rgb(148,103,83)
-
#a06f5a
#a06f5a
rgb(160,111,90)
-
#a87a66
#a87a66
rgb(168,122,102)
-
#b08572
#b08572
rgb(176,133,114)
-
#b78f7f
#b78f7f
rgb(183,143,127)
-
#be9a8b
#be9a8b
rgb(190,154,139)
-
#c5a598
#c5a598
rgb(197,165,152)
-
#ccb0a4
#ccb0a4
rgb(204,176,164)
-
#d3bbb1
#d3bbb1
rgb(211,187,177)
-
#dac6be
#dac6be
rgb(218,198,190)
-
#e1d1ca
#e1d1ca
rgb(225,209,202)
-
#e8dcd7
#e8dcd7
rgb(232,220,215)
-
#efe7e3
#efe7e3
rgb(239,231,227)
-
#f6f2f0
#f6f2f0
rgb(246,242,240)
-
#fdfdfc
#fdfdfc
rgb(253,253,252)
Tones of #553b30
A tone is produced by adding gray to any pure hue. In this case, #46413f is the less saturated color, while #832802 is the most saturated one.
-
#46413f
#46413f
rgb(70,65,63)
-
#4b3f3a
#4b3f3a
rgb(75,63,58)
-
#503d35
#503d35
rgb(80,61,53)
-
#553b30
#553b30
rgb(85,59,48)
-
#5a392b
#5a392b
rgb(90,57,43)
-
#5f3726
#5f3726
rgb(95,55,38)
-
#643521
#643521
rgb(100,53,33)
-
#69331c
#69331c
rgb(105,51,28)
-
#6f3116
#6f3116
rgb(111,49,22)
-
#742f11
#742f11
rgb(116,47,17)
-
#792c0c
#792c0c
rgb(121,44,12)
-
#7e2a07
#7e2a07
rgb(126,42,7)
-
#832802
#832802
rgb(131,40,2)
Color Blindness Simulator
Below, you can see how #553b30 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.