#557800 Color Information
In a RGB color space, hex #557800 is composed of 33.3% red, 47.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 0% magenta, 100% yellow and 52.9% black. It has a hue angle of 77.5 degrees, a saturation of 100% and a lightness of 23.5%. #557800 color hex could be obtained by blending #aaf000 with #000000. Closest websafe color is: #666600.
-
- R 33
- G 47
- B 0
-
- C 29
- M 0
- Y 100
- K 53
● #557800 color description : Dark green.
#557800 Color Conversion
The hexadecimal color #557800 has RGB values of R:85, G:120, B:0 and CMYK values of C:0.29, M:0, Y:1, K:0.53. Its decimal value is 5601280.
Hex triplet | 557800 | #557800 |
---|---|---|
RGB Decimal | 85, 120, 0 | rgb(85,120,0) |
RGB Percent | 33.3, 47.1, 0 | rgb(33.3%,47.1%,0%) |
CMYK | 29, 0, 100, 53 | |
HSL | 77.5°, 100, 23.5 | hsl(77.5,100%,23.5%) |
HSV (or HSB) | 77.5°, 100, 47.1 | |
Web Safe | 666600 | #666600 |
CIE-LAB | 46.129, -28.168, 50.931 |
---|---|
XYZ | 10.463, 15.364, 2.414 |
xyY | 0.37, 0.544, 15.364 |
CIE-LCH | 46.129, 58.201, 118.946 |
CIE-LUV | 46.129, -17.511, 53.285 |
Hunter-Lab | 39.197, -20.949, 23.786 |
Binary | 01010101, 01111000, 00000000 |
Color Schemes with #557800
Alternatives to #557800
Below, you can see some colors close to #557800. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557800 Preview
This text has a font color of #557800.
<span style="color:#557800;">Text here</span>
This paragraph has a background color of #557800.
<p style="background-color:#557800;">Content here</p>
This element has a border color of #557800.
<div style="border:1px solid #557800;">Content here</div>
.text {color:#557800;}
.background {background-color:#557800;}
.border {border:1px solid #557800;}
Shades and Tints of #557800
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, #020200 is the darkest color, while #faffee is the lightest one.
-
#020200
#020200
rgb(2,2,0)
-
#101600
#101600
rgb(16,22,0)
-
#1d2a00
#1d2a00
rgb(29,42,0)
-
#2b3d00
#2b3d00
rgb(43,61,0)
-
#395100
#395100
rgb(57,81,0)
-
#476400
#476400
rgb(71,100,0)
-
#557800
#557800
rgb(85,120,0)
-
#638c00
#638c00
rgb(99,140,0)
-
#719f00
#719f00
rgb(113,159,0)
-
#7fb300
#7fb300
rgb(127,179,0)
-
#8dc600
#8dc600
rgb(141,198,0)
-
#9ada00
#9ada00
rgb(154,218,0)
-
#a8ee00
#a8ee00
rgb(168,238,0)
-
#b5ff02
#b5ff02
rgb(181,255,2)
-
#bbff16
#bbff16
rgb(187,255,22)
-
#c1ff2a
#c1ff2a
rgb(193,255,42)
-
#c6ff3d
#c6ff3d
rgb(198,255,61)
-
#ccff51
#ccff51
rgb(204,255,81)
-
#d2ff64
#d2ff64
rgb(210,255,100)
-
#d8ff78
#d8ff78
rgb(216,255,120)
-
#ddff8c
#ddff8c
rgb(221,255,140)
-
#e3ff9f
#e3ff9f
rgb(227,255,159)
-
#e9ffb3
#e9ffb3
rgb(233,255,179)
-
#efffc6
#efffc6
rgb(239,255,198)
-
#f4ffda
#f4ffda
rgb(244,255,218)
-
#faffee
#faffee
rgb(250,255,238)
Tones of #557800
A tone is produced by adding gray to any pure hue. In this case, #3e4137 is the less saturated color, while #557800 is the most saturated one.
-
#3e4137
#3e4137
rgb(62,65,55)
-
#404533
#404533
rgb(64,69,51)
-
#424a2e
#424a2e
rgb(66,74,46)
-
#444e2a
#444e2a
rgb(68,78,42)
-
#465325
#465325
rgb(70,83,37)
-
#485820
#485820
rgb(72,88,32)
-
#495c1c
#495c1c
rgb(73,92,28)
-
#4b6117
#4b6117
rgb(75,97,23)
-
#4d6612
#4d6612
rgb(77,102,18)
-
#4f6a0e
#4f6a0e
rgb(79,106,14)
-
#516f09
#516f09
rgb(81,111,9)
-
#537305
#537305
rgb(83,115,5)
-
#557800
#557800
rgb(85,120,0)
Color Blindness Simulator
Below, you can see how #557800 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.