#554338 Color Information
In a RGB color space, hex #554338 is composed of 33.3% red, 26.3% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.2% magenta, 34.1% yellow and 66.7% black. It has a hue angle of 22.8 degrees, a saturation of 20.6% and a lightness of 27.6%. #554338 color hex could be obtained by blending #aa8670 with #000000. Closest websafe color is: #663333.
-
- R 33
- G 26
- B 22
-
- C 0
- M 21
- Y 34
- K 67
● #554338 color description : Very dark grayish orange.
#554338 Color Conversion
The hexadecimal color #554338 has RGB values of R:85, G:67, B:56 and CMYK values of C:0, M:0.21, Y:0.34, K:0.67. Its decimal value is 5587768.
Hex triplet | 554338 | #554338 |
---|---|---|
RGB Decimal | 85, 67, 56 | rgb(85,67,56) |
RGB Percent | 33.3, 26.3, 22 | rgb(33.3%,26.3%,22%) |
CMYK | 0, 21, 34, 67 | |
HSL | 22.8°, 20.6, 27.6 | hsl(22.8,20.6%,27.6%) |
HSV (or HSB) | 22.8°, 34.1, 33.3 | |
Web Safe | 663333 | #663333 |
CIE-LAB | 29.989, 5.898, 9.618 |
---|---|
XYZ | 6.467, 6.231, 4.603 |
xyY | 0.374, 0.36, 6.231 |
CIE-LCH | 29.989, 11.282, 58.483 |
CIE-LUV | 29.989, 11.534, 9.631 |
Hunter-Lab | 24.963, 2.56, 6.54 |
Binary | 01010101, 01000011, 00111000 |
Color Schemes with #554338
Alternatives to #554338
Below, you can see some colors close to #554338. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554338 Preview
This text has a font color of #554338.
<span style="color:#554338;">Text here</span>
This paragraph has a background color of #554338.
<p style="background-color:#554338;">Content here</p>
This element has a border color of #554338.
<div style="border:1px solid #554338;">Content here</div>
.text {color:#554338;}
.background {background-color:#554338;}
.border {border:1px solid #554338;}
Shades and Tints of #554338
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 #f9f7f5 is the lightest one.
-
#020201
#020201
rgb(2,2,1)
-
#0e0b09
#0e0b09
rgb(14,11,9)
-
#1a1411
#1a1411
rgb(26,20,17)
-
#261e19
#261e19
rgb(38,30,25)
-
#322721
#322721
rgb(50,39,33)
-
#3d3028
#3d3028
rgb(61,48,40)
-
#493a30
#493a30
rgb(73,58,48)
-
#554338
#554338
rgb(85,67,56)
-
#614c40
#614c40
rgb(97,76,64)
-
#6d5648
#6d5648
rgb(109,86,72)
-
#785f4f
#785f4f
rgb(120,95,79)
-
#846857
#846857
rgb(132,104,87)
-
#90725f
#90725f
rgb(144,114,95)
-
#9b7b68
#9b7b68
rgb(155,123,104)
-
#a38573
#a38573
rgb(163,133,115)
-
#ab907f
#ab907f
rgb(171,144,127)
-
#b39a8b
#b39a8b
rgb(179,154,139)
-
#baa497
#baa497
rgb(186,164,151)
-
#c2afa3
#c2afa3
rgb(194,175,163)
-
#cab9ae
#cab9ae
rgb(202,185,174)
-
#d2c3ba
#d2c3ba
rgb(210,195,186)
-
#dacdc6
#dacdc6
rgb(218,205,198)
-
#e1d8d2
#e1d8d2
rgb(225,216,210)
-
#e9e2de
#e9e2de
rgb(233,226,222)
-
#f1ecea
#f1ecea
rgb(241,236,234)
-
#f9f7f5
#f9f7f5
rgb(249,247,245)
Tones of #554338
A tone is produced by adding gray to any pure hue. In this case, #4a4643 is the less saturated color, while #8b3602 is the most saturated one.
-
#4a4643
#4a4643
rgb(74,70,67)
-
#50443d
#50443d
rgb(80,68,61)
-
#554338
#554338
rgb(85,67,56)
-
#5a4233
#5a4233
rgb(90,66,51)
-
#60402d
#60402d
rgb(96,64,45)
-
#653f28
#653f28
rgb(101,63,40)
-
#6b3e22
#6b3e22
rgb(107,62,34)
-
#703c1d
#703c1d
rgb(112,60,29)
-
#763b17
#763b17
rgb(118,59,23)
-
#7b3a12
#7b3a12
rgb(123,58,18)
-
#80390d
#80390d
rgb(128,57,13)
-
#863707
#863707
rgb(134,55,7)
-
#8b3602
#8b3602
rgb(139,54,2)
Color Blindness Simulator
Below, you can see how #554338 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.