#557f22 Color Information
In a RGB color space, hex #557f22 is composed of 33.3% red, 49.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 33.1% cyan, 0% magenta, 73.2% yellow and 50.2% black. It has a hue angle of 87.1 degrees, a saturation of 57.8% and a lightness of 31.6%. #557f22 color hex could be obtained by blending #aafe44 with #000000. Closest websafe color is: #666633.
-
- R 33
- G 50
- B 13
-
- C 33
- M 0
- Y 73
- K 50
● #557f22 color description : Dark green.
#557f22 Color Conversion
The hexadecimal color #557f22 has RGB values of R:85, G:127, B:34 and CMYK values of C:0.33, M:0, Y:0.73, K:0.5. Its decimal value is 5603106.
Hex triplet | 557f22 | #557f22 |
---|---|---|
RGB Decimal | 85, 127, 34 | rgb(85,127,34) |
RGB Percent | 33.3, 49.8, 13.3 | rgb(33.3%,49.8%,13.3%) |
CMYK | 33, 0, 73, 50 | |
HSL | 87.1°, 57.8, 31.6 | hsl(87.1,57.8%,31.6%) |
HSV (or HSB) | 87.1°, 73.2, 49.8 | |
Web Safe | 666633 | #666633 |
CIE-LAB | 48.542, -30.014, 43.567 |
---|---|
XYZ | 11.624, 17.225, 4.226 |
xyY | 0.351, 0.521, 17.225 |
CIE-LCH | 48.542, 52.905, 124.564 |
CIE-LUV | 48.542, -21.048, 50.537 |
Hunter-Lab | 41.503, -22.637, 23.016 |
Binary | 01010101, 01111111, 00100010 |
Color Schemes with #557f22
Alternatives to #557f22
Below, you can see some colors close to #557f22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557f22 Preview
This text has a font color of #557f22.
<span style="color:#557f22;">Text here</span>
This paragraph has a background color of #557f22.
<p style="background-color:#557f22;">Content here</p>
This element has a border color of #557f22.
<div style="border:1px solid #557f22;">Content here</div>
.text {color:#557f22;}
.background {background-color:#557f22;}
.border {border:1px solid #557f22;}
Shades and Tints of #557f22
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, #020301 is the darkest color, while #f8fcf3 is the lightest one.
-
#020301
#020301
rgb(2,3,1)
-
#0d1305
#0d1305
rgb(13,19,5)
-
#172209
#172209
rgb(23,34,9)
-
#21320d
#21320d
rgb(33,50,13)
-
#2c4111
#2c4111
rgb(44,65,17)
-
#365116
#365116
rgb(54,81,22)
-
#40601a
#40601a
rgb(64,96,26)
-
#4b701e
#4b701e
rgb(75,112,30)
-
#557f22
#557f22
rgb(85,127,34)
-
#5f8e26
#5f8e26
rgb(95,142,38)
-
#6a9e2a
#6a9e2a
rgb(106,158,42)
-
#74ad2e
#74ad2e
rgb(116,173,46)
-
#7ebd33
#7ebd33
rgb(126,189,51)
-
#89ca39
#89ca39
rgb(137,202,57)
-
#92ce49
#92ce49
rgb(146,206,73)
-
#9bd258
#9bd258
rgb(155,210,88)
-
#a4d667
#a4d667
rgb(164,214,103)
-
#aedb77
#aedb77
rgb(174,219,119)
-
#b7df86
#b7df86
rgb(183,223,134)
-
#c0e396
#c0e396
rgb(192,227,150)
-
#c9e7a5
#c9e7a5
rgb(201,231,165)
-
#d3ebb5
#d3ebb5
rgb(211,235,181)
-
#dcefc4
#dcefc4
rgb(220,239,196)
-
#e5f3d4
#e5f3d4
rgb(229,243,212)
-
#eef8e3
#eef8e3
rgb(238,248,227)
-
#f8fcf3
#f8fcf3
rgb(248,252,243)
Tones of #557f22
A tone is produced by adding gray to any pure hue. In this case, #51544d is the less saturated color, while #589e03 is the most saturated one.
-
#51544d
#51544d
rgb(81,84,77)
-
#515a47
#515a47
rgb(81,90,71)
-
#526041
#526041
rgb(82,96,65)
-
#53663b
#53663b
rgb(83,102,59)
-
#536c35
#536c35
rgb(83,108,53)
-
#54732e
#54732e
rgb(84,115,46)
-
#547928
#547928
rgb(84,121,40)
-
#557f22
#557f22
rgb(85,127,34)
-
#56851c
#56851c
rgb(86,133,28)
-
#568b16
#568b16
rgb(86,139,22)
-
#57920f
#57920f
rgb(87,146,15)
-
#579809
#579809
rgb(87,152,9)
-
#589e03
#589e03
rgb(88,158,3)
Color Blindness Simulator
Below, you can see how #557f22 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.