#553f30 Color Information
In a RGB color space, hex #553f30 is composed of 33.3% red, 24.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.9% magenta, 43.5% yellow and 66.7% black. It has a hue angle of 24.3 degrees, a saturation of 27.8% and a lightness of 26.1%. #553f30 color hex could be obtained by blending #aa7e60 with #000000. Closest websafe color is: #663333.
-
- R 33
- G 25
- B 19
-
- C 0
- M 26
- Y 44
- K 67
● #553f30 color description : Very dark desaturated orange.
#553f30 Color Conversion
The hexadecimal color #553f30 has RGB values of R:85, G:63, B:48 and CMYK values of C:0, M:0.26, Y:0.44, K:0.67. Its decimal value is 5586736.
Hex triplet | 553f30 | #553f30 |
---|---|---|
RGB Decimal | 85, 63, 48 | rgb(85,63,48) |
RGB Percent | 33.3, 24.7, 18.8 | rgb(33.3%,24.7%,18.8%) |
CMYK | 0, 26, 44, 67 | |
HSL | 24.3°, 27.8, 26.1 | hsl(24.3,27.8%,26.1%) |
HSV (or HSB) | 24.3°, 43.5, 33.3 | |
Web Safe | 663333 | #663333 |
CIE-LAB | 28.643, 7.293, 12.914 |
---|---|
XYZ | 6.057, 5.7, 3.577 |
xyY | 0.395, 0.372, 5.7 |
CIE-LCH | 28.643, 14.831, 60.543 |
CIE-LUV | 28.643, 14.534, 12.356 |
Hunter-Lab | 23.875, 3.507, 7.828 |
Binary | 01010101, 00111111, 00110000 |
Color Schemes with #553f30
Alternatives to #553f30
Below, you can see some colors close to #553f30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553f30 Preview
This text has a font color of #553f30.
<span style="color:#553f30;">Text here</span>
This paragraph has a background color of #553f30.
<p style="background-color:#553f30;">Content here</p>
This element has a border color of #553f30.
<div style="border:1px solid #553f30;">Content here</div>
.text {color:#553f30;}
.background {background-color:#553f30;}
.border {border:1px solid #553f30;}
Shades and Tints of #553f30
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)
-
#16110d
#16110d
rgb(22,17,13)
-
#231a14
#231a14
rgb(35,26,20)
-
#2f231b
#2f231b
rgb(47,35,27)
-
#3c2c22
#3c2c22
rgb(60,44,34)
-
#483629
#483629
rgb(72,54,41)
-
#553f30
#553f30
rgb(85,63,48)
-
#624837
#624837
rgb(98,72,55)
-
#6e523e
#6e523e
rgb(110,82,62)
-
#7b5b45
#7b5b45
rgb(123,91,69)
-
#87644c
#87644c
rgb(135,100,76)
-
#946d53
#946d53
rgb(148,109,83)
-
#a0775a
#a0775a
rgb(160,119,90)
-
#a88166
#a88166
rgb(168,129,102)
-
#b08b72
#b08b72
rgb(176,139,114)
-
#b7957f
#b7957f
rgb(183,149,127)
-
#bea08b
#bea08b
rgb(190,160,139)
-
#c5aa98
#c5aa98
rgb(197,170,152)
-
#ccb4a4
#ccb4a4
rgb(204,180,164)
-
#d3bfb1
#d3bfb1
rgb(211,191,177)
-
#dac9be
#dac9be
rgb(218,201,190)
-
#e1d3ca
#e1d3ca
rgb(225,211,202)
-
#e8ded7
#e8ded7
rgb(232,222,215)
-
#efe8e3
#efe8e3
rgb(239,232,227)
-
#f6f2f0
#f6f2f0
rgb(246,242,240)
-
#fdfdfc
#fdfdfc
rgb(253,253,252)
Tones of #553f30
A tone is produced by adding gray to any pure hue. In this case, #46423f is the less saturated color, while #833602 is the most saturated one.
-
#46423f
#46423f
rgb(70,66,63)
-
#4b413a
#4b413a
rgb(75,65,58)
-
#504035
#504035
rgb(80,64,53)
-
#553f30
#553f30
rgb(85,63,48)
-
#5a3e2b
#5a3e2b
rgb(90,62,43)
-
#5f3d26
#5f3d26
rgb(95,61,38)
-
#643c21
#643c21
rgb(100,60,33)
-
#693b1c
#693b1c
rgb(105,59,28)
-
#6f3a16
#6f3a16
rgb(111,58,22)
-
#743911
#743911
rgb(116,57,17)
-
#79380c
#79380c
rgb(121,56,12)
-
#7e3707
#7e3707
rgb(126,55,7)
-
#833602
#833602
rgb(131,54,2)
Color Blindness Simulator
Below, you can see how #553f30 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.