#558300 hex color

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.

♥
- f
- t
- g
- R 33
- G 51
- B 0
RGB color chart
- C 35
- M 0
- Y 100
- K 49
CMYK color chart

● #558300 color description : Dark green.

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

#558300
```
#558300 rgb(85,131,0)
```
#2e0083
```
#2e0083 rgb(46,0,131)
```

Complementary Color

#837000
```
#837000 rgb(131,112,0)
```
#558300
```
#558300 rgb(85,131,0)
```
#138300
```
#138300 rgb(19,131,0)
```

Analogous Color

#700083
```
#700083 rgb(112,0,131)
```
#558300
```
#558300 rgb(85,131,0)
```
#001383
```
#001383 rgb(0,19,131)
```

Split Complementary Color

#830055
```
#830055 rgb(131,0,85)
```
#558300
```
#558300 rgb(85,131,0)
```
#005583
```
#005583 rgb(0,85,131)
```

Triadic Color

#832e00
```
#832e00 rgb(131,46,0)
```
#558300
```
#558300 rgb(85,131,0)
```
#005583
```
#005583 rgb(0,85,131)
```
#2e0083
```
#2e0083 rgb(46,0,131)
```

Tetradic Color

#233700
```
#233700 rgb(35,55,0)
```
#345000
```
#345000 rgb(52,80,0)
```
#446a00
```
#446a00 rgb(68,106,0)
```
#558300
```
#558300 rgb(85,131,0)
```
#669d00
```
#669d00 rgb(102,157,0)
```
#76b600
```
#76b600 rgb(118,182,0)
```
#87d000
```
#87d000 rgb(135,208,0)
```

Monochromatic Color

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.

#768300
```
#768300 rgb(118,131,0)
```
#6b8300
```
#6b8300 rgb(107,131,0)
```
#608300
```
#608300 rgb(96,131,0)
```
#558300
```
#558300 rgb(85,131,0)
```
#4a8300
```
#4a8300 rgb(74,131,0)
```
#3f8300
```
#3f8300 rgb(63,131,0)
```
#348300
```
#348300 rgb(52,131,0)
```

Similar Colors

Text with hexadecimal color #558300

This text has a font color of #558300.

<span style="color:#558300;">Text here</span>

#558300 background color

This paragraph has a background color of #558300.

<p style="background-color:#558300;">Content here</p>

#558300 border color

This element has a border color of #558300.

<div style="border:1px solid #558300;">Content here</div>

CSS codes

.text {color:#558300;}

.background {background-color:#558300;}

.border {border:1px solid #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)
```

Shade Color Variation

#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)
```

Tint Color Variation

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)
```

Tone Color Variation

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.

Monochromacy

#666666 Achromatopsia 0.005% of the population
#636c52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7d00 Protanopia 1% of men
#9c771f Deuteranopia 1% of men
#6d8089 Tritanopia 0.001% of the population

Trichromacy

#787f00 Protanomaly 1% of men, 0.01% of women
#827b13 Deuteranomaly 6% of men, 0.4% of women
#648157 Tritanomaly 0.01% of the population

#558300 hex color

#558300 Color Information

#558300 Color Conversion

Color Schemes with #558300

Alternatives to #558300

#558300 Preview

Shades and Tints of #558300

Tones of #558300

Color Blindness Simulator