#558300 Color Information
In a RGB color space, hex #558300 is composed of 33.3% red, 51.4% green and 0% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 0% magenta, 100% yellow and 48.6% black. It has a hue angle of 81.1 degrees, a saturation of 100% and a lightness of 25.7%. #558300 color hex could be obtained by blending #aaff00 with #000700. Closest websafe color is: #669900.
-
- R 33
- G 51
- B 0
-
- C 35
- M 0
- Y 100
- K 49
● #558300 color description : Dark green.
#558300 Color Conversion
The hexadecimal color #558300 has RGB values of R:85, G:131, B:0 and CMYK values of C:0.35, M:0, Y:1, K:0.49. Its decimal value is 5604096.
Hex triplet | 558300 | #558300 |
---|---|---|
RGB Decimal | 85, 131, 0 | rgb(85,131,0) |
RGB Percent | 33.3, 51.4, 0 | rgb(33.3%,51.4%,0%) |
CMYK | 35, 0, 100, 49 | |
HSL | 81.1°, 100, 25.7 | hsl(81.1,100%,25.7%) |
HSV (or HSB) | 81.1°, 100, 51.4 | |
Web Safe | 669900 | #669900 |
CIE-LAB | 49.694, -33.293, 53.669 |
---|---|
XYZ | 11.862, 18.163, 2.881 |
xyY | 0.36, 0.552, 18.163 |
CIE-LCH | 49.694, 63.157, 121.813 |
CIE-LUV | 49.694, -23.174, 57.927 |
Hunter-Lab | 42.619, -24.899, 25.825 |
Binary | 01010101, 10000011, 00000000 |
Color Schemes with #558300
Alternatives to #558300
Below, you can see some colors close to #558300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558300 Preview
This text has a font color of #558300.
<span style="color:#558300;">Text here</span>
This paragraph has a background color of #558300.
<p style="background-color:#558300;">Content here</p>
This element has a border color of #558300.
<div style="border:1px solid #558300;">Content here</div>
.text {color:#558300;}
.background {background-color:#558300;}
.border {border:1px solid #558300;}
Shades and Tints of #558300
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, #090d00 is the darkest color, while #fdfff9 is the lightest one.
-
#090d00
#090d00
rgb(9,13,0)
-
#152100
#152100
rgb(21,33,0)
-
#223500
#223500
rgb(34,53,0)
-
#2f4800
#2f4800
rgb(47,72,0)
-
#3c5c00
#3c5c00
rgb(60,92,0)
-
#486f00
#486f00
rgb(72,111,0)
-
#558300
#558300
rgb(85,131,0)
-
#629700
#629700
rgb(98,151,0)
-
#6eaa00
#6eaa00
rgb(110,170,0)
-
#7bbe00
#7bbe00
rgb(123,190,0)
-
#88d100
#88d100
rgb(136,209,0)
-
#95e500
#95e500
rgb(149,229,0)
-
#a1f900
#a1f900
rgb(161,249,0)
-
#aaff0d
#aaff0d
rgb(170,255,13)
-
#b1ff21
#b1ff21
rgb(177,255,33)
-
#b8ff35
#b8ff35
rgb(184,255,53)
-
#bfff48
#bfff48
rgb(191,255,72)
-
#c6ff5c
#c6ff5c
rgb(198,255,92)
-
#cdff6f
#cdff6f
rgb(205,255,111)
-
#d3ff83
#d3ff83
rgb(211,255,131)
-
#daff97
#daff97
rgb(218,255,151)
-
#e1ffaa
#e1ffaa
rgb(225,255,170)
-
#e8ffbe
#e8ffbe
rgb(232,255,190)
-
#efffd1
#efffd1
rgb(239,255,209)
-
#f6ffe5
#f6ffe5
rgb(246,255,229)
-
#fdfff9
#fdfff9
rgb(253,255,249)
Tones of #558300
A tone is produced by adding gray to any pure hue. In this case, #43473c is the less saturated color, while #558300 is the most saturated one.
-
#43473c
#43473c
rgb(67,71,60)
-
#454c37
#454c37
rgb(69,76,55)
-
#465132
#465132
rgb(70,81,50)
-
#48562d
#48562d
rgb(72,86,45)
-
#495b28
#495b28
rgb(73,91,40)
-
#4b6023
#4b6023
rgb(75,96,35)
-
#4c651e
#4c651e
rgb(76,101,30)
-
#4e6a19
#4e6a19
rgb(78,106,25)
-
#4f6f14
#4f6f14
rgb(79,111,20)
-
#50740f
#50740f
rgb(80,116,15)
-
#52790a
#52790a
rgb(82,121,10)
-
#537e05
#537e05
rgb(83,126,5)
-
#558300
#558300
rgb(85,131,0)
Color Blindness Simulator
Below, you can see how #558300 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.