#554220 Color Information
In a RGB color space, hex #554220 is composed of 33.3% red, 25.9% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 62.4% yellow and 66.7% black. It has a hue angle of 38.5 degrees, a saturation of 45.3% and a lightness of 22.9%. #554220 color hex could be obtained by blending #aa8440 with #000000. Closest websafe color is: #663333.
-
- R 33
- G 26
- B 13
-
- C 0
- M 22
- Y 62
- K 67
● #554220 color description : Very dark orange [Brown tone].
#554220 Color Conversion
The hexadecimal color #554220 has RGB values of R:85, G:66, B:32 and CMYK values of C:0, M:0.22, Y:0.62, K:0.67. Its decimal value is 5587488.
Hex triplet | 554220 | #554220 |
---|---|---|
RGB Decimal | 85, 66, 32 | rgb(85,66,32) |
RGB Percent | 33.3, 25.9, 12.5 | rgb(33.3%,25.9%,12.5%) |
CMYK | 0, 22, 62, 67 | |
HSL | 38.5°, 45.3, 22.9 | hsl(38.5,45.3%,22.9%) |
HSV (or HSB) | 38.5°, 62.4, 33.3 | |
Web Safe | 663333 | #663333 |
CIE-LAB | 29.241, 3.586, 23.546 |
---|---|
XYZ | 5.955, 5.932, 2.198 |
xyY | 0.423, 0.421, 5.932 |
CIE-LCH | 29.241, 23.818, 81.34 |
CIE-LUV | 29.241, 13.98, 21.861 |
Hunter-Lab | 24.356, 1.021, 11.699 |
Binary | 01010101, 01000010, 00100000 |
Color Schemes with #554220
Alternatives to #554220
Below, you can see some colors close to #554220. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554220 Preview
This text has a font color of #554220.
<span style="color:#554220;">Text here</span>
This paragraph has a background color of #554220.
<p style="background-color:#554220;">Content here</p>
This element has a border color of #554220.
<div style="border:1px solid #554220;">Content here</div>
.text {color:#554220;}
.background {background-color:#554220;}
.border {border:1px solid #554220;}
Shades and Tints of #554220
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, #0e0b05 is the darkest color, while #fffffe is the lightest one.
-
#0e0b05
#0e0b05
rgb(14,11,5)
-
#1c160b
#1c160b
rgb(28,22,11)
-
#2a2110
#2a2110
rgb(42,33,16)
-
#382c15
#382c15
rgb(56,44,21)
-
#47371b
#47371b
rgb(71,55,27)
-
#554220
#554220
rgb(85,66,32)
-
#634d25
#634d25
rgb(99,77,37)
-
#72582b
#72582b
rgb(114,88,43)
-
#806330
#806330
rgb(128,99,48)
-
#8e6e35
#8e6e35
rgb(142,110,53)
-
#9c793b
#9c793b
rgb(156,121,59)
-
#ab8440
#ab8440
rgb(171,132,64)
-
#b98f46
#b98f46
rgb(185,143,70)
-
#be9853
#be9853
rgb(190,152,83)
-
#c4a162
#c4a162
rgb(196,161,98)
-
#c9a970
#c9a970
rgb(201,169,112)
-
#cfb27e
#cfb27e
rgb(207,178,126)
-
#d4ba8c
#d4ba8c
rgb(212,186,140)
-
#d9c39b
#d9c39b
rgb(217,195,155)
-
#dfcba9
#dfcba9
rgb(223,203,169)
-
#e4d4b7
#e4d4b7
rgb(228,212,183)
-
#e9dcc5
#e9dcc5
rgb(233,220,197)
-
#efe5d4
#efe5d4
rgb(239,229,212)
-
#f4eee2
#f4eee2
rgb(244,238,226)
-
#f9f6f0
#f9f6f0
rgb(249,246,240)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #554220
A tone is produced by adding gray to any pure hue. In this case, #3f3c37 is the less saturated color, while #754b00 is the most saturated one.
-
#3f3c37
#3f3c37
rgb(63,60,55)
-
#433d32
#433d32
rgb(67,61,50)
-
#483e2e
#483e2e
rgb(72,62,46)
-
#4c3f29
#4c3f29
rgb(76,63,41)
-
#514125
#514125
rgb(81,65,37)
-
#554220
#554220
rgb(85,66,32)
-
#5a431c
#5a431c
rgb(90,67,28)
-
#5e4517
#5e4517
rgb(94,69,23)
-
#634613
#634613
rgb(99,70,19)
-
#67470e
#67470e
rgb(103,71,14)
-
#6c480a
#6c480a
rgb(108,72,10)
-
#704a05
#704a05
rgb(112,74,5)
-
#754b00
#754b00
rgb(117,75,0)
Color Blindness Simulator
Below, you can see how #554220 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.