#554b20 Color Information
In a RGB color space, hex #554b20 is composed of 33.3% red, 29.4% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 62.4% yellow and 66.7% black. It has a hue angle of 48.7 degrees, a saturation of 45.3% and a lightness of 22.9%. #554b20 color hex could be obtained by blending #aa9640 with #000000. Closest websafe color is: #663333.
-
- R 33
- G 29
- B 13
-
- C 0
- M 12
- Y 62
- K 67
● #554b20 color description : Very dark yellow [Olive tone].
#554b20 Color Conversion
The hexadecimal color #554b20 has RGB values of R:85, G:75, B:32 and CMYK values of C:0, M:0.12, Y:0.62, K:0.67. Its decimal value is 5589792.
| Hex triplet | 554b20 | #554b20 |
|---|---|---|
| RGB Decimal | 85, 75, 32 | rgb(85,75,32) |
| RGB Percent | 33.3, 29.4, 12.5 | rgb(33.3%,29.4%,12.5%) |
| CMYK | 0, 12, 62, 67 | |
| HSL | 48.7°, 45.3, 22.9 | hsl(48.7,45.3%,22.9%) |
| HSV (or HSB) | 48.7°, 62.4, 33.3 | |
| Web Safe | 663333 | #663333 |
| CIE-LAB | 31.961, -2.017, 26.716 |
|---|---|
| XYZ | 6.523, 7.068, 2.387 |
| xyY | 0.408, 0.442, 7.068 |
| CIE-LCH | 31.961, 26.792, 94.318 |
| CIE-LUV | 31.961, 8.367, 26.206 |
| Hunter-Lab | 26.586, -2.727, 13.286 |
| Binary | 01010101, 01001011, 00100000 |
Color Schemes with #554b20
Alternatives to #554b20
Below, you can see some colors close to #554b20. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554b20 Preview
This text has a font color of #554b20.
<span style="color:#554b20;">Text here</span>
This paragraph has a background color of #554b20.
<p style="background-color:#554b20;">Content here</p>
This element has a border color of #554b20.
<div style="border:1px solid #554b20;">Content here</div>
.text {color:#554b20;}
.background {background-color:#554b20;}
.border {border:1px solid #554b20;}
Shades and Tints of #554b20
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, #0e0c05 is the darkest color, while #fffffe is the lightest one.
-
#0e0c05
#0e0c05rgb(14,12,5) -
#1c190b
#1c190brgb(28,25,11) -
#2a2510
#2a2510rgb(42,37,16) -
#383215
#383215rgb(56,50,21) -
#473e1b
#473e1brgb(71,62,27) -
#554b20
#554b20rgb(85,75,32) -
#635825
#635825rgb(99,88,37) -
#72642b
#72642brgb(114,100,43) -
#807130
#807130rgb(128,113,48) -
#8e7d35
#8e7d35rgb(142,125,53) -
#9c8a3b
#9c8a3brgb(156,138,59) -
#ab9640
#ab9640rgb(171,150,64) -
#b9a346
#b9a346rgb(185,163,70)
-
#beaa53
#beaa53rgb(190,170,83) -
#c4b162
#c4b162rgb(196,177,98) -
#c9b870
#c9b870rgb(201,184,112) -
#cfbf7e
#cfbf7ergb(207,191,126) -
#d4c68c
#d4c68crgb(212,198,140) -
#d9cd9b
#d9cd9brgb(217,205,155) -
#dfd5a9
#dfd5a9rgb(223,213,169) -
#e4dcb7
#e4dcb7rgb(228,220,183) -
#e9e3c5
#e9e3c5rgb(233,227,197) -
#efead4
#efead4rgb(239,234,212) -
#f4f1e2
#f4f1e2rgb(244,241,226) -
#f9f8f0
#f9f8f0rgb(249,248,240) -
#fffffe
#fffffergb(255,255,254)
Tones of #554b20
A tone is produced by adding gray to any pure hue. In this case, #3f3d37 is the less saturated color, while #755f00 is the most saturated one.
-
#3f3d37
#3f3d37rgb(63,61,55) -
#434032
#434032rgb(67,64,50) -
#48432e
#48432ergb(72,67,46) -
#4c4529
#4c4529rgb(76,69,41) -
#514825
#514825rgb(81,72,37) -
#554b20
#554b20rgb(85,75,32) -
#5a4e1c
#5a4e1crgb(90,78,28) -
#5e5117
#5e5117rgb(94,81,23) -
#635313
#635313rgb(99,83,19) -
#67560e
#67560ergb(103,86,14) -
#6c590a
#6c590argb(108,89,10) -
#705c05
#705c05rgb(112,92,5) -
#755f00
#755f00rgb(117,95,0)
Color Blindness Simulator
Below, you can see how #554b20 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.
