#557330 Color Information
In a RGB color space, hex #557330 is composed of 33.3% red, 45.1% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 0% magenta, 58.3% yellow and 54.9% black. It has a hue angle of 86.9 degrees, a saturation of 41.1% and a lightness of 32%. #557330 color hex could be obtained by blending #aae660 with #000000. Closest websafe color is: #666633.
-
- R 33
- G 45
- B 19
-
- C 26
- M 0
- Y 58
- K 55
● #557330 color description : Dark moderate green.
#557330 Color Conversion
The hexadecimal color #557330 has RGB values of R:85, G:115, B:48 and CMYK values of C:0.26, M:0, Y:0.58, K:0.55. Its decimal value is 5600048.
Hex triplet | 557330 | #557330 |
---|---|---|
RGB Decimal | 85, 115, 48 | rgb(85,115,48) |
RGB Percent | 33.3, 45.1, 18.8 | rgb(33.3%,45.1%,18.8%) |
CMYK | 26, 0, 58, 55 | |
HSL | 86.9°, 41.1, 32 | hsl(86.9,41.1%,32%) |
HSV (or HSB) | 86.9°, 58.3, 45.1 | |
Web Safe | 666633 | #666633 |
CIE-LAB | 44.81, -22.882, 33.089 |
---|---|
XYZ | 10.41, 14.406, 5.028 |
xyY | 0.349, 0.483, 14.406 |
CIE-LCH | 44.81, 40.231, 124.665 |
CIE-LUV | 44.81, -14.838, 39.812 |
Hunter-Lab | 37.955, -17.463, 18.714 |
Binary | 01010101, 01110011, 00110000 |
Color Schemes with #557330
Alternatives to #557330
Below, you can see some colors close to #557330. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557330 Preview
This text has a font color of #557330.
<span style="color:#557330;">Text here</span>
This paragraph has a background color of #557330.
<p style="background-color:#557330;">Content here</p>
This element has a border color of #557330.
<div style="border:1px solid #557330;">Content here</div>
.text {color:#557330;}
.background {background-color:#557330;}
.border {border:1px solid #557330;}
Shades and Tints of #557330
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, #030402 is the darkest color, while #f9fbf5 is the lightest one.
-
#030402
#030402
rgb(3,4,2)
-
#0d1208
#0d1208
rgb(13,18,8)
-
#18200d
#18200d
rgb(24,32,13)
-
#222e13
#222e13
rgb(34,46,19)
-
#2c3c19
#2c3c19
rgb(44,60,25)
-
#36491f
#36491f
rgb(54,73,31)
-
#415724
#415724
rgb(65,87,36)
-
#4b652a
#4b652a
rgb(75,101,42)
-
#557330
#557330
rgb(85,115,48)
-
#5f8136
#5f8136
rgb(95,129,54)
-
#698f3c
#698f3c
rgb(105,143,60)
-
#749d41
#749d41
rgb(116,157,65)
-
#7eaa47
#7eaa47
rgb(126,170,71)
-
#88b64f
#88b64f
rgb(136,182,79)
-
#91bb5d
#91bb5d
rgb(145,187,93)
-
#9bc16b
#9bc16b
rgb(155,193,107)
-
#a4c779
#a4c779
rgb(164,199,121)
-
#adcd87
#adcd87
rgb(173,205,135)
-
#b7d395
#b7d395
rgb(183,211,149)
-
#c0d8a2
#c0d8a2
rgb(192,216,162)
-
#cadeb0
#cadeb0
rgb(202,222,176)
-
#d3e4be
#d3e4be
rgb(211,228,190)
-
#dceacc
#dceacc
rgb(220,234,204)
-
#e6efda
#e6efda
rgb(230,239,218)
-
#eff5e8
#eff5e8
rgb(239,245,232)
-
#f9fbf5
#f9fbf5
rgb(249,251,245)
Tones of #557330
A tone is produced by adding gray to any pure hue. In this case, #52544f is the less saturated color, while #5a9f04 is the most saturated one.
-
#52544f
#52544f
rgb(82,84,79)
-
#525a49
#525a49
rgb(82,90,73)
-
#536043
#536043
rgb(83,96,67)
-
#54663d
#54663d
rgb(84,102,61)
-
#546d36
#546d36
rgb(84,109,54)
-
#557330
#557330
rgb(85,115,48)
-
#56792a
#56792a
rgb(86,121,42)
-
#568023
#568023
rgb(86,128,35)
-
#57861d
#57861d
rgb(87,134,29)
-
#588c17
#588c17
rgb(88,140,23)
-
#589211
#589211
rgb(88,146,17)
-
#59990a
#59990a
rgb(89,153,10)
-
#5a9f04
#5a9f04
rgb(90,159,4)
Color Blindness Simulator
Below, you can see how #557330 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.