#554700 Color Information
In a RGB color space, hex #554700 is composed of 33.3% red, 27.8% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.5% magenta, 100% yellow and 66.7% black. It has a hue angle of 50.1 degrees, a saturation of 100% and a lightness of 16.7%. #554700 color hex could be obtained by blending #aa8e00 with #000000. Closest websafe color is: #663300.
-
- R 33
- G 28
- B 0
-
- C 0
- M 16
- Y 100
- K 67
● #554700 color description : Very dark yellow [Olive tone].
#554700 Color Conversion
The hexadecimal color #554700 has RGB values of R:85, G:71, B:0 and CMYK values of C:0, M:0.16, Y:1, K:0.67. Its decimal value is 5588736.
Hex triplet | 554700 | #554700 |
---|---|---|
RGB Decimal | 85, 71, 0 | rgb(85,71,0) |
RGB Percent | 33.3, 27.8, 0 | rgb(33.3%,27.8%,0%) |
CMYK | 0, 16, 100, 67 | |
HSL | 50.1°, 100, 16.7 | hsl(50.1,100%,16.7%) |
HSV (or HSB) | 50.1°, 100, 33.3 | |
Web Safe | 663300 | #663300 |
CIE-LAB | 30.492, -1.313, 39.318 |
---|---|
XYZ | 6, 6.438, 0.927 |
xyY | 0.449, 0.482, 6.438 |
CIE-LCH | 30.492, 39.339, 91.913 |
CIE-LUV | 30.492, 11.875, 32.37 |
Hunter-Lab | 25.373, -2.196, 15.596 |
Binary | 01010101, 01000111, 00000000 |
Color Schemes with #554700
Alternatives to #554700
Below, you can see some colors close to #554700. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554700 Preview
This text has a font color of #554700.
<span style="color:#554700;">Text here</span>
This paragraph has a background color of #554700.
<p style="background-color:#554700;">Content here</p>
This element has a border color of #554700.
<div style="border:1px solid #554700;">Content here</div>
.text {color:#554700;}
.background {background-color:#554700;}
.border {border:1px solid #554700;}
Shades and Tints of #554700
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, #070500 is the darkest color, while #fffdf2 is the lightest one.
-
#070500
#070500
rgb(7,5,0)
-
#1a1600
#1a1600
rgb(26,22,0)
-
#2e2600
#2e2600
rgb(46,38,0)
-
#413700
#413700
rgb(65,55,0)
-
#554700
#554700
rgb(85,71,0)
-
#695700
#695700
rgb(105,87,0)
-
#7c6800
#7c6800
rgb(124,104,0)
-
#907800
#907800
rgb(144,120,0)
-
#a38900
#a38900
rgb(163,137,0)
-
#b79900
#b79900
rgb(183,153,0)
-
#cba900
#cba900
rgb(203,169,0)
-
#deba00
#deba00
rgb(222,186,0)
-
#f2ca00
#f2ca00
rgb(242,202,0)
-
#ffd607
#ffd607
rgb(255,214,7)
-
#ffd91a
#ffd91a
rgb(255,217,26)
-
#ffdd2e
#ffdd2e
rgb(255,221,46)
-
#ffe041
#ffe041
rgb(255,224,65)
-
#ffe355
#ffe355
rgb(255,227,85)
-
#ffe669
#ffe669
rgb(255,230,105)
-
#ffe97c
#ffe97c
rgb(255,233,124)
-
#ffed90
#ffed90
rgb(255,237,144)
-
#fff0a3
#fff0a3
rgb(255,240,163)
-
#fff3b7
#fff3b7
rgb(255,243,183)
-
#fff6cb
#fff6cb
rgb(255,246,203)
-
#fffade
#fffade
rgb(255,250,222)
-
#fffdf2
#fffdf2
rgb(255,253,242)
Tones of #554700
A tone is produced by adding gray to any pure hue. In this case, #2e2d27 is the less saturated color, while #554700 is the most saturated one.
-
#2e2d27
#2e2d27
rgb(46,45,39)
-
#312f24
#312f24
rgb(49,47,36)
-
#343121
#343121
rgb(52,49,33)
-
#38331d
#38331d
rgb(56,51,29)
-
#3b351a
#3b351a
rgb(59,53,26)
-
#3e3817
#3e3817
rgb(62,56,23)
-
#413a14
#413a14
rgb(65,58,20)
-
#453c10
#453c10
rgb(69,60,16)
-
#483e0d
#483e0d
rgb(72,62,13)
-
#4b400a
#4b400a
rgb(75,64,10)
-
#4e4307
#4e4307
rgb(78,67,7)
-
#524503
#524503
rgb(82,69,3)
-
#554700
#554700
rgb(85,71,0)
Color Blindness Simulator
Below, you can see how #554700 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.