#557700 Color Information
In a RGB color space, hex #557700 is composed of 33.3% red, 46.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 0% magenta, 100% yellow and 53.3% black. It has a hue angle of 77.1 degrees, a saturation of 100% and a lightness of 23.3%. #557700 color hex could be obtained by blending #aaee00 with #000000. Closest websafe color is: #666600.
-
- R 33
- G 47
- B 0
-
- C 29
- M 0
- Y 100
- K 53
● #557700 color description : Dark green.
#557700 Color Conversion
The hexadecimal color #557700 has RGB values of R:85, G:119, B:0 and CMYK values of C:0.29, M:0, Y:1, K:0.53. Its decimal value is 5601024.
Hex triplet | 557700 | #557700 |
---|---|---|
RGB Decimal | 85, 119, 0 | rgb(85,119,0) |
RGB Percent | 33.3, 46.7, 0 | rgb(33.3%,46.7%,0%) |
CMYK | 29, 0, 100, 53 | |
HSL | 77.1°, 100, 23.3 | hsl(77.1,100%,23.3%) |
HSV (or HSB) | 77.1°, 100, 46.7 | |
Web Safe | 666600 | #666600 |
CIE-LAB | 45.804, -27.688, 50.683 |
---|---|
XYZ | 10.343, 15.125, 2.374 |
xyY | 0.371, 0.543, 15.125 |
CIE-LCH | 45.804, 57.753, 118.648 |
CIE-LUV | 45.804, -16.98, 52.861 |
Hunter-Lab | 38.89, -20.586, 23.603 |
Binary | 01010101, 01110111, 00000000 |
Color Schemes with #557700
Alternatives to #557700
Below, you can see some colors close to #557700. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557700 Preview
This text has a font color of #557700.
<span style="color:#557700;">Text here</span>
This paragraph has a background color of #557700.
<p style="background-color:#557700;">Content here</p>
This element has a border color of #557700.
<div style="border:1px solid #557700;">Content here</div>
.text {color:#557700;}
.background {background-color:#557700;}
.border {border:1px solid #557700;}
Shades and Tints of #557700
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, #010100 is the darkest color, while #faffed is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#0f1500
#0f1500
rgb(15,21,0)
-
#1d2900
#1d2900
rgb(29,41,0)
-
#2b3c00
#2b3c00
rgb(43,60,0)
-
#395000
#395000
rgb(57,80,0)
-
#476300
#476300
rgb(71,99,0)
-
#557700
#557700
rgb(85,119,0)
-
#638b00
#638b00
rgb(99,139,0)
-
#719e00
#719e00
rgb(113,158,0)
-
#7fb200
#7fb200
rgb(127,178,0)
-
#8dc500
#8dc500
rgb(141,197,0)
-
#9bd900
#9bd900
rgb(155,217,0)
-
#a9ed00
#a9ed00
rgb(169,237,0)
-
#b7ff01
#b7ff01
rgb(183,255,1)
-
#bcff15
#bcff15
rgb(188,255,21)
-
#c2ff29
#c2ff29
rgb(194,255,41)
-
#c7ff3c
#c7ff3c
rgb(199,255,60)
-
#cdff50
#cdff50
rgb(205,255,80)
-
#d3ff63
#d3ff63
rgb(211,255,99)
-
#d8ff77
#d8ff77
rgb(216,255,119)
-
#deff8b
#deff8b
rgb(222,255,139)
-
#e3ff9e
#e3ff9e
rgb(227,255,158)
-
#e9ffb2
#e9ffb2
rgb(233,255,178)
-
#efffc5
#efffc5
rgb(239,255,197)
-
#f4ffd9
#f4ffd9
rgb(244,255,217)
-
#faffed
#faffed
rgb(250,255,237)
Tones of #557700
A tone is produced by adding gray to any pure hue. In this case, #3d4037 is the less saturated color, while #557700 is the most saturated one.
-
#3d4037
#3d4037
rgb(61,64,55)
-
#3f4532
#3f4532
rgb(63,69,50)
-
#41492e
#41492e
rgb(65,73,46)
-
#434e29
#434e29
rgb(67,78,41)
-
#455225
#455225
rgb(69,82,37)
-
#475720
#475720
rgb(71,87,32)
-
#495c1b
#495c1b
rgb(73,92,27)
-
#4b6017
#4b6017
rgb(75,96,23)
-
#4d6512
#4d6512
rgb(77,101,18)
-
#4f690e
#4f690e
rgb(79,105,14)
-
#516e09
#516e09
rgb(81,110,9)
-
#537205
#537205
rgb(83,114,5)
-
#557700
#557700
rgb(85,119,0)
Color Blindness Simulator
Below, you can see how #557700 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.