#554b3a Color Information
In a RGB color space, hex #554b3a is composed of 33.3% red, 29.4% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 31.8% yellow and 66.7% black. It has a hue angle of 37.8 degrees, a saturation of 18.9% and a lightness of 28%. #554b3a color hex could be obtained by blending #aa9674 with #000000. Closest websafe color is: #663333.
-
- R 33
- G 29
- B 23
-
- C 0
- M 12
- Y 32
- K 67
● #554b3a color description : Very dark grayish orange.
#554b3a Color Conversion
The hexadecimal color #554b3a has RGB values of R:85, G:75, B:58 and CMYK values of C:0, M:0.12, Y:0.32, K:0.67. Its decimal value is 5589818.
| Hex triplet | 554b3a | #554b3a |
|---|---|---|
| RGB Decimal | 85, 75, 58 | rgb(85,75,58) |
| RGB Percent | 33.3, 29.4, 22.7 | rgb(33.3%,29.4%,22.7%) |
| CMYK | 0, 12, 32, 67 | |
| HSL | 37.8°, 18.9, 28 | hsl(37.8,18.9%,28%) |
| HSV (or HSB) | 37.8°, 31.8, 33.3 | |
| Web Safe | 663333 | #663333 |
| CIE-LAB | 32.412, 1.171, 11.679 |
|---|---|
| XYZ | 7.026, 7.269, 5.036 |
| xyY | 0.363, 0.376, 7.269 |
| CIE-LCH | 32.412, 11.737, 84.274 |
| CIE-LUV | 32.412, 6.918, 12.818 |
| Hunter-Lab | 26.961, -0.666, 7.799 |
| Binary | 01010101, 01001011, 00111010 |
Color Schemes with #554b3a
Alternatives to #554b3a
Below, you can see some colors close to #554b3a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554b3a Preview
This text has a font color of #554b3a.
<span style="color:#554b3a;">Text here</span>
This paragraph has a background color of #554b3a.
<p style="background-color:#554b3a;">Content here</p>
This element has a border color of #554b3a.
<div style="border:1px solid #554b3a;">Content here</div>
.text {color:#554b3a;}
.background {background-color:#554b3a;}
.border {border:1px solid #554b3a;}
Shades and Tints of #554b3a
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, #030302 is the darkest color, while #f9f8f7 is the lightest one.
-
#030302
#030302rgb(3,3,2) -
#0f0d0a
#0f0d0argb(15,13,10) -
#1b1812
#1b1812rgb(27,24,18) -
#26221a
#26221argb(38,34,26) -
#322c22
#322c22rgb(50,44,34) -
#3e362a
#3e362argb(62,54,42) -
#494132
#494132rgb(73,65,50) -
#554b3a
#554b3argb(85,75,58) -
#615542
#615542rgb(97,85,66) -
#6c604a
#6c604argb(108,96,74) -
#786a52
#786a52rgb(120,106,82) -
#84745a
#84745argb(132,116,90) -
#8f7e62
#8f7e62rgb(143,126,98)
-
#9a886b
#9a886brgb(154,136,107) -
#a29276
#a29276rgb(162,146,118) -
#aa9b82
#aa9b82rgb(170,155,130) -
#b2a48e
#b2a48ergb(178,164,142) -
#baae99
#baae99rgb(186,174,153) -
#c2b7a5
#c2b7a5rgb(194,183,165) -
#cac0b1
#cac0b1rgb(202,192,177) -
#d2cabc
#d2cabcrgb(210,202,188) -
#dad3c8
#dad3c8rgb(218,211,200) -
#e1dcd4
#e1dcd4rgb(225,220,212) -
#e9e6df
#e9e6dfrgb(233,230,223) -
#f1efeb
#f1efebrgb(241,239,235) -
#f9f8f7
#f9f8f7rgb(249,248,247)
Tones of #554b3a
A tone is produced by adding gray to any pure hue. In this case, #4a4845 is the less saturated color, while #8c5903 is the most saturated one.
-
#4a4845
#4a4845rgb(74,72,69) -
#504a40
#504a40rgb(80,74,64) -
#554b3a
#554b3argb(85,75,58) -
#5b4c35
#5b4c35rgb(91,76,53) -
#604e2f
#604e2frgb(96,78,47) -
#664f2a
#664f2argb(102,79,42) -
#6b5124
#6b5124rgb(107,81,36) -
#71521f
#71521frgb(113,82,31) -
#765419
#765419rgb(118,84,25) -
#7c5514
#7c5514rgb(124,85,20) -
#81560e
#81560ergb(129,86,14) -
#875809
#875809rgb(135,88,9) -
#8c5903
#8c5903rgb(140,89,3)
Color Blindness Simulator
Below, you can see how #554b3a 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.
