#554c46 hex color
In a RGB color space, hex #554c46 is composed of 33.3% red, 29.8% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.6% magenta, 17.6% yellow and 66.7% black. It has a hue angle of 24 degrees, a saturation of 9.7% and a lightness of 30.4%. #554c46 color hex could be obtained by blending #aa988c with #000000. Closest websafe color is: #663333.
-
- R 33
- G 30
- B 27
RGB color chart
-
- C 0
- M 11
- Y 18
- K 67
CMYK color chart
● #554c46 color description : Very dark grayish orange.
The hexadecimal color #554c46 has RGB values of R:85, G:76, B:70 and CMYK values of C:0, M:0.11, Y:0.18, K:0.67. Its decimal value is 5590086.
Hex triplet | 554c46 | #554c46 |
---|---|---|
RGB Decimal | 85, 76, 70 | rgb(85,76,70) |
RGB Percent | 33.3, 29.8, 27.5 | rgb(33.3%,29.8%,27.5%) |
CMYK | 0, 11, 18, 67 | |
HSL | 24°, 9.7, 30.4 | hsl(24,9.7%,30.4%) |
HSV (or HSB) | 24°, 17.6, 33.3 | |
Web Safe | 663333 | #663333 |
CIE-LAB | 33.011, 2.592, 4.927 |
---|---|
XYZ | 7.436, 7.542, 6.858 |
xyY | 0.341, 0.345, 7.542 |
CIE-LCH | 33.011, 5.567, 62.247 |
CIE-LUV | 33.011, 5.533, 5.405 |
Hunter-Lab | 27.464, 0.27, 4.419 |
Binary | 01010101, 01001100, 01000110 |
Analogous Color
Split Complementary Color
Below, you can see some colors close to #554c46. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #554c46
This text has a font color of #554c46.
<span style="color:#554c46;">Text here</span>
#554c46 background color
This paragraph has a background color of #554c46.
<p style="background-color:#554c46;">Content here</p>
#554c46 border color
This element has a border color of #554c46.
<div style="border:1px solid #554c46;">Content here</div>
CSS codes
.text {color:#554c46;}
.background {background-color:#554c46;}
.border {border:1px solid #554c46;}
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, #0a0908 is the darkest color, while #fefefe is the lightest one.
-
#0a0908
#0a0908
rgb(10,9,8)
-
#141211
#141211
rgb(20,18,17)
-
#1f1c1a
#1f1c1a
rgb(31,28,26)
-
#2a2623
#2a2623
rgb(42,38,35)
-
#352f2b
#352f2b
rgb(53,47,43)
-
#3f3934
#3f3934
rgb(63,57,52)
-
#4a423d
#4a423d
rgb(74,66,61)
-
#554c46
#554c46
rgb(85,76,70)
-
#60564f
#60564f
rgb(96,86,79)
-
#6b5f58
#6b5f58
rgb(107,95,88)
-
#756961
#756961
rgb(117,105,97)
-
#807269
#807269
rgb(128,114,105)
-
#8b7c72
#8b7c72
rgb(139,124,114)
Shade Color Variation
-
#94867d
#94867d
rgb(148,134,125)
-
#9d9088
#9d9088
rgb(157,144,136)
-
#a69a92
#a69a92
rgb(166,154,146)
-
#aea49d
#aea49d
rgb(174,164,157)
-
#b7aea8
#b7aea8
rgb(183,174,168)
-
#c0b8b3
#c0b8b3
rgb(192,184,179)
-
#c9c2bd
#c9c2bd
rgb(201,194,189)
-
#d2ccc8
#d2ccc8
rgb(210,204,200)
-
#dbd6d3
#dbd6d3
rgb(219,214,211)
-
#e4e0de
#e4e0de
rgb(228,224,222)
-
#eceae8
#eceae8
rgb(236,234,232)
-
#f5f4f3
#f5f4f3
rgb(245,244,243)
-
#fefefe
#fefefe
rgb(254,254,254)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #4f4d4c is the less saturated color, while #973f04 is the most saturated one.
-
#4f4d4c
#4f4d4c
rgb(79,77,76)
-
#554c46
#554c46
rgb(85,76,70)
-
#5b4b40
#5b4b40
rgb(91,75,64)
-
#614a3a
#614a3a
rgb(97,74,58)
-
#674834
#674834
rgb(103,72,52)
-
#6d472e
#6d472e
rgb(109,71,46)
-
#734628
#734628
rgb(115,70,40)
-
#794522
#794522
rgb(121,69,34)
-
#7f441c
#7f441c
rgb(127,68,28)
-
#854216
#854216
rgb(133,66,22)
-
#8b4110
#8b4110
rgb(139,65,16)
-
#91400a
#91400a
rgb(145,64,10)
-
#973f04
#973f04
rgb(151,63,4)
Tone Color Variation
Below, you can see how #554c46 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