#557a20 Color Information
In a RGB color space, hex #557a20 is composed of 33.3% red, 47.8% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 0% magenta, 73.8% yellow and 52.2% black. It has a hue angle of 84.7 degrees, a saturation of 58.4% and a lightness of 30.2%. #557a20 color hex could be obtained by blending #aaf440 with #000000. Closest websafe color is: #666633.
-
- R 33
- G 48
- B 13
-
- C 30
- M 0
- Y 74
- K 52
● #557a20 color description : Dark green.
#557a20 Color Conversion
The hexadecimal color #557a20 has RGB values of R:85, G:122, B:32 and CMYK values of C:0.3, M:0, Y:0.74, K:0.52. Its decimal value is 5601824.
Hex triplet | 557a20 | #557a20 |
---|---|---|
RGB Decimal | 85, 122, 32 | rgb(85,122,32) |
RGB Percent | 33.3, 47.8, 12.5 | rgb(33.3%,47.8%,12.5%) |
CMYK | 30, 0, 74, 52 | |
HSL | 84.7°, 58.4, 30.2 | hsl(84.7,58.4%,30.2%) |
HSV (or HSB) | 84.7°, 73.8, 47.8 | |
Web Safe | 666633 | #666633 |
CIE-LAB | 46.914, -27.77, 42.726 |
---|---|
XYZ | 10.966, 15.954, 3.868 |
xyY | 0.356, 0.518, 15.954 |
CIE-LCH | 46.914, 50.958, 123.022 |
CIE-LUV | 46.914, -18.505, 48.762 |
Hunter-Lab | 39.943, -20.893, 22.218 |
Binary | 01010101, 01111010, 00100000 |
Color Schemes with #557a20
Alternatives to #557a20
Below, you can see some colors close to #557a20. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557a20 Preview
This text has a font color of #557a20.
<span style="color:#557a20;">Text here</span>
This paragraph has a background color of #557a20.
<p style="background-color:#557a20;">Content here</p>
This element has a border color of #557a20.
<div style="border:1px solid #557a20;">Content here</div>
.text {color:#557a20;}
.background {background-color:#557a20;}
.border {border:1px solid #557a20;}
Shades and Tints of #557a20
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, #090d03 is the darkest color, while #fefefd is the lightest one.
-
#090d03
#090d03
rgb(9,13,3)
-
#141d08
#141d08
rgb(20,29,8)
-
#1f2c0c
#1f2c0c
rgb(31,44,12)
-
#2a3c10
#2a3c10
rgb(42,60,16)
-
#354b14
#354b14
rgb(53,75,20)
-
#3f5b18
#3f5b18
rgb(63,91,24)
-
#4a6a1c
#4a6a1c
rgb(74,106,28)
-
#557a20
#557a20
rgb(85,122,32)
-
#608a24
#608a24
rgb(96,138,36)
-
#6b9928
#6b9928
rgb(107,153,40)
-
#75a92c
#75a92c
rgb(117,169,44)
-
#80b830
#80b830
rgb(128,184,48)
-
#8bc834
#8bc834
rgb(139,200,52)
-
#94cd42
#94cd42
rgb(148,205,66)
-
#9dd252
#9dd252
rgb(157,210,82)
-
#a6d661
#a6d661
rgb(166,214,97)
-
#afda71
#afda71
rgb(175,218,113)
-
#b7de80
#b7de80
rgb(183,222,128)
-
#c0e290
#c0e290
rgb(192,226,144)
-
#c9e69f
#c9e69f
rgb(201,230,159)
-
#d2eaaf
#d2eaaf
rgb(210,234,175)
-
#dbeebf
#dbeebf
rgb(219,238,191)
-
#e3f2ce
#e3f2ce
rgb(227,242,206)
-
#ecf6de
#ecf6de
rgb(236,246,222)
-
#f5faed
#f5faed
rgb(245,250,237)
-
#fefefd
#fefefd
rgb(254,254,253)
Tones of #557a20
A tone is produced by adding gray to any pure hue. In this case, #4e5149 is the less saturated color, while #5a9802 is the most saturated one.
-
#4e5149
#4e5149
rgb(78,81,73)
-
#4f5644
#4f5644
rgb(79,86,68)
-
#505c3e
#505c3e
rgb(80,92,62)
-
#516238
#516238
rgb(81,98,56)
-
#526832
#526832
rgb(82,104,50)
-
#536e2c
#536e2c
rgb(83,110,44)
-
#547426
#547426
rgb(84,116,38)
-
#557a20
#557a20
rgb(85,122,32)
-
#56801a
#56801a
rgb(86,128,26)
-
#578614
#578614
rgb(87,134,20)
-
#588c0e
#588c0e
rgb(88,140,14)
-
#599208
#599208
rgb(89,146,8)
-
#5a9802
#5a9802
rgb(90,152,2)
Color Blindness Simulator
Below, you can see how #557a20 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.