#557c20 Color Information
In a RGB color space, hex #557c20 is composed of 33.3% red, 48.6% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 31.5% cyan, 0% magenta, 74.2% yellow and 51.4% black. It has a hue angle of 85.4 degrees, a saturation of 59% and a lightness of 30.6%. #557c20 color hex could be obtained by blending #aaf840 with #000000. Closest websafe color is: #666633.
-
- R 33
- G 49
- B 13
-
- C 31
- M 0
- Y 74
- K 51
● #557c20 color description : Dark green.
#557c20 Color Conversion
The hexadecimal color #557c20 has RGB values of R:85, G:124, B:32 and CMYK values of C:0.31, M:0, Y:0.74, K:0.51. Its decimal value is 5602336.
Hex triplet | 557c20 | #557c20 |
---|---|---|
RGB Decimal | 85, 124, 32 | rgb(85,124,32) |
RGB Percent | 33.3, 48.6, 12.5 | rgb(33.3%,48.6%,12.5%) |
CMYK | 31, 0, 74, 51 | |
HSL | 85.4°, 59, 30.6 | hsl(85.4,59%,30.6%) |
HSV (or HSB) | 85.4°, 74.2, 48.6 | |
Web Safe | 666633 | #666633 |
CIE-LAB | 47.56, -28.731, 43.374 |
---|---|
XYZ | 11.214, 16.451, 3.951 |
xyY | 0.355, 0.52, 16.451 |
CIE-LCH | 47.56, 52.026, 123.52 |
CIE-LUV | 47.56, -19.533, 49.692 |
Hunter-Lab | 40.559, -21.624, 22.616 |
Binary | 01010101, 01111100, 00100000 |
Color Schemes with #557c20
Alternatives to #557c20
Below, you can see some colors close to #557c20. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557c20 Preview
This text has a font color of #557c20.
<span style="color:#557c20;">Text here</span>
This paragraph has a background color of #557c20.
<p style="background-color:#557c20;">Content here</p>
This element has a border color of #557c20.
<div style="border:1px solid #557c20;">Content here</div>
.text {color:#557c20;}
.background {background-color:#557c20;}
.border {border:1px solid #557c20;}
Shades and Tints of #557c20
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, #0a0f04 is the darkest color, while #fffffe is the lightest one.
-
#0a0f04
#0a0f04
rgb(10,15,4)
-
#151e08
#151e08
rgb(21,30,8)
-
#202e0c
#202e0c
rgb(32,46,12)
-
#2a3e10
#2a3e10
rgb(42,62,16)
-
#354d14
#354d14
rgb(53,77,20)
-
#405d18
#405d18
rgb(64,93,24)
-
#4a6c1c
#4a6c1c
rgb(74,108,28)
-
#557c20
#557c20
rgb(85,124,32)
-
#608c24
#608c24
rgb(96,140,36)
-
#6a9b28
#6a9b28
rgb(106,155,40)
-
#75ab2c
#75ab2c
rgb(117,171,44)
-
#80ba30
#80ba30
rgb(128,186,48)
-
#8aca34
#8aca34
rgb(138,202,52)
-
#93cf43
#93cf43
rgb(147,207,67)
-
#9cd353
#9cd353
rgb(156,211,83)
-
#a5d762
#a5d762
rgb(165,215,98)
-
#aedb72
#aedb72
rgb(174,219,114)
-
#b7df82
#b7df82
rgb(183,223,130)
-
#c0e391
#c0e391
rgb(192,227,145)
-
#c9e7a1
#c9e7a1
rgb(201,231,161)
-
#d2ebb0
#d2ebb0
rgb(210,235,176)
-
#dbefc0
#dbefc0
rgb(219,239,192)
-
#e4f3cf
#e4f3cf
rgb(228,243,207)
-
#edf7df
#edf7df
rgb(237,247,223)
-
#f6fbef
#f6fbef
rgb(246,251,239)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #557c20
A tone is produced by adding gray to any pure hue. In this case, #4f524a is the less saturated color, while #5a9a02 is the most saturated one.
-
#4f524a
#4f524a
rgb(79,82,74)
-
#505844
#505844
rgb(80,88,68)
-
#505e3e
#505e3e
rgb(80,94,62)
-
#516438
#516438
rgb(81,100,56)
-
#526a32
#526a32
rgb(82,106,50)
-
#53702c
#53702c
rgb(83,112,44)
-
#547626
#547626
rgb(84,118,38)
-
#557c20
#557c20
rgb(85,124,32)
-
#56821a
#56821a
rgb(86,130,26)
-
#578814
#578814
rgb(87,136,20)
-
#588e0e
#588e0e
rgb(88,142,14)
-
#599408
#599408
rgb(89,148,8)
-
#5a9a02
#5a9a02
rgb(90,154,2)
Color Blindness Simulator
Below, you can see how #557c20 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.