#557300 Color Information
In a RGB color space, hex #557300 is composed of 33.3% red, 45.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 0% magenta, 100% yellow and 54.9% black. It has a hue angle of 75.7 degrees, a saturation of 100% and a lightness of 22.5%. #557300 color hex could be obtained by blending #aae600 with #000000. Closest websafe color is: #666600.
-
- R 33
- G 45
- B 0
-
- C 26
- M 0
- Y 100
- K 55
● #557300 color description : Dark green.
#557300 Color Conversion
The hexadecimal color #557300 has RGB values of R:85, G:115, B:0 and CMYK values of C:0.26, M:0, Y:1, K:0.55. Its decimal value is 5600000.
Hex triplet | 557300 | #557300 |
---|---|---|
RGB Decimal | 85, 115, 0 | rgb(85,115,0) |
RGB Percent | 33.3, 45.1, 0 | rgb(33.3%,45.1%,0%) |
CMYK | 26, 0, 100, 55 | |
HSL | 75.7°, 100, 22.5 | hsl(75.7,100%,22.5%) |
HSV (or HSB) | 75.7°, 100, 45.1 | |
Web Safe | 666600 | #666600 |
CIE-LAB | 44.508, -25.739, 49.693 |
---|---|
XYZ | 9.877, 14.193, 2.219 |
xyY | 0.376, 0.54, 14.193 |
CIE-LCH | 44.508, 55.964, 117.383 |
CIE-LUV | 44.508, -14.833, 51.161 |
Hunter-Lab | 37.673, -19.13, 22.879 |
Binary | 01010101, 01110011, 00000000 |
Color Schemes with #557300
Alternatives to #557300
Below, you can see some colors close to #557300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557300 Preview
This text has a font color of #557300.
<span style="color:#557300;">Text here</span>
This paragraph has a background color of #557300.
<p style="background-color:#557300;">Content here</p>
This element has a border color of #557300.
<div style="border:1px solid #557300;">Content here</div>
.text {color:#557300;}
.background {background-color:#557300;}
.border {border:1px solid #557300;}
Shades and Tints of #557300
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, #0d1100 is the darkest color, while #fefffc is the lightest one.
-
#0d1100
#0d1100
rgb(13,17,0)
-
#1b2500
#1b2500
rgb(27,37,0)
-
#2a3800
#2a3800
rgb(42,56,0)
-
#384c00
#384c00
rgb(56,76,0)
-
#475f00
#475f00
rgb(71,95,0)
-
#557300
#557300
rgb(85,115,0)
-
#638700
#638700
rgb(99,135,0)
-
#729a00
#729a00
rgb(114,154,0)
-
#80ae00
#80ae00
rgb(128,174,0)
-
#8fc100
#8fc100
rgb(143,193,0)
-
#9dd500
#9dd500
rgb(157,213,0)
-
#ace900
#ace900
rgb(172,233,0)
-
#bafc00
#bafc00
rgb(186,252,0)
-
#c1ff11
#c1ff11
rgb(193,255,17)
-
#c6ff25
#c6ff25
rgb(198,255,37)
-
#cbff38
#cbff38
rgb(203,255,56)
-
#d0ff4c
#d0ff4c
rgb(208,255,76)
-
#d5ff5f
#d5ff5f
rgb(213,255,95)
-
#daff73
#daff73
rgb(218,255,115)
-
#e0ff87
#e0ff87
rgb(224,255,135)
-
#e5ff9a
#e5ff9a
rgb(229,255,154)
-
#eaffae
#eaffae
rgb(234,255,174)
-
#efffc1
#efffc1
rgb(239,255,193)
-
#f4ffd5
#f4ffd5
rgb(244,255,213)
-
#f9ffe9
#f9ffe9
rgb(249,255,233)
-
#fefffc
#fefffc
rgb(254,255,252)
Tones of #557300
A tone is produced by adding gray to any pure hue. In this case, #3c3e35 is the less saturated color, while #557300 is the most saturated one.
-
#3c3e35
#3c3e35
rgb(60,62,53)
-
#3e4231
#3e4231
rgb(62,66,49)
-
#40472c
#40472c
rgb(64,71,44)
-
#424b28
#424b28
rgb(66,75,40)
-
#445023
#445023
rgb(68,80,35)
-
#46541f
#46541f
rgb(70,84,31)
-
#48581b
#48581b
rgb(72,88,27)
-
#4a5d16
#4a5d16
rgb(74,93,22)
-
#4d6112
#4d6112
rgb(77,97,18)
-
#4f660d
#4f660d
rgb(79,102,13)
-
#516a09
#516a09
rgb(81,106,9)
-
#536f04
#536f04
rgb(83,111,4)
-
#557300
#557300
rgb(85,115,0)
Color Blindness Simulator
Below, you can see how #557300 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.