#558a00 hex color

In a RGB color space, hex #558a00 is composed of 33.3% red, 54.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 38.4% cyan, 0% magenta, 100% yellow and 45.9% black. It has a hue angle of 83 degrees, a saturation of 100% and a lightness of 27.1%. #558a00 color hex could be obtained by blending #aaff00 with #001500. Closest websafe color is: #669900.

♥
- f
- t
- g
- R 33
- G 54
- B 0
RGB color chart
- C 38
- M 0
- Y 100
- K 46
CMYK color chart

● #558a00 color description : Dark green.

The hexadecimal color #558a00 has RGB values of R:85, G:138, B:0 and CMYK values of C:0.38, M:0, Y:1, K:0.46. Its decimal value is 5605888.

Hex triplet	558a00	`#558a00`
RGB Decimal	85, 138, 0	`rgb(85,138,0)`
RGB Percent	33.3, 54.1, 0	`rgb(33.3%,54.1%,0%)`
CMYK	38, 0, 100, 46
HSL	83°, 100, 27.1	`hsl(83,100%,27.1%)`
HSV (or HSB)	83°, 100, 54.1
Web Safe	669900	`#669900`

CIE-LAB	51.959, -36.408, 55.418
XYZ	12.834, 20.108, 3.205
xyY	0.355, 0.556, 20.108
CIE-LCH	51.959, 66.308, 123.304
CIE-LUV	51.959, -26.628, 60.859
Hunter-Lab	44.842, -27.383, 27.152
Binary	01010101, 10001010, 00000000

#558a00
```
#558a00 rgb(85,138,0)
```
#35008a
```
#35008a rgb(53,0,138)
```

Complementary Color

#8a7a00
```
#8a7a00 rgb(138,122,0)
```
#558a00
```
#558a00 rgb(85,138,0)
```
#108a00
```
#108a00 rgb(16,138,0)
```

Analogous Color

#7a008a
```
#7a008a rgb(122,0,138)
```
#558a00
```
#558a00 rgb(85,138,0)
```
#00108a
```
#00108a rgb(0,16,138)
```

Split Complementary Color

#8a0055
```
#8a0055 rgb(138,0,85)
```
#558a00
```
#558a00 rgb(85,138,0)
```
#00558a
```
#00558a rgb(0,85,138)
```

Triadic Color

#8a3500
```
#8a3500 rgb(138,53,0)
```
#558a00
```
#558a00 rgb(85,138,0)
```
#00558a
```
#00558a rgb(0,85,138)
```
#35008a
```
#35008a rgb(53,0,138)
```

Tetradic Color

#263e00
```
#263e00 rgb(38,62,0)
```
#365700
```
#365700 rgb(54,87,0)
```
#457100
```
#457100 rgb(69,113,0)
```
#558a00
```
#558a00 rgb(85,138,0)
```
#65a400
```
#65a400 rgb(101,164,0)
```
#74bd00
```
#74bd00 rgb(116,189,0)
```
#84d700
```
#84d700 rgb(132,215,0)
```

Monochromatic Color

Below, you can see some colors close to #558a00. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#788a00
```
#788a00 rgb(120,138,0)
```
#6c8a00
```
#6c8a00 rgb(108,138,0)
```
#618a00
```
#618a00 rgb(97,138,0)
```
#558a00
```
#558a00 rgb(85,138,0)
```
#4a8a00
```
#4a8a00 rgb(74,138,0)
```
#3e8a00
```
#3e8a00 rgb(62,138,0)
```
#338a00
```
#338a00 rgb(51,138,0)
```

Similar Colors

Text with hexadecimal color #558a00

This text has a font color of #558a00.

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

#558a00 background color

This paragraph has a background color of #558a00.

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

#558a00 border color

This element has a border color of #558a00.

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

CSS codes

.text {color:#558a00;}

.background {background-color:#558a00;}

.border {border:1px solid #558a00;}

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, #000100 is the darkest color, while #f8ffec is the lightest one.

#000100
```
#000100 rgb(0,1,0)
```
#0d1400
```
#0d1400 rgb(13,20,0)
```
#192800
```
#192800 rgb(25,40,0)
```
#253c00
```
#253c00 rgb(37,60,0)
```
#314f00
```
#314f00 rgb(49,79,0)
```
#3d6300
```
#3d6300 rgb(61,99,0)
```
#497600
```
#497600 rgb(73,118,0)
```
#558a00
```
#558a00 rgb(85,138,0)
```
#619e00
```
#619e00 rgb(97,158,0)
```
#6db100
```
#6db100 rgb(109,177,0)
```
#79c500
```
#79c500 rgb(121,197,0)
```
#85d800
```
#85d800 rgb(133,216,0)
```
#91ec00
```
#91ec00 rgb(145,236,0)
```

Shade Color Variation

#9dff01
```
#9dff01 rgb(157,255,1)
```
#a5ff14
```
#a5ff14 rgb(165,255,20)
```
#acff28
```
#acff28 rgb(172,255,40)
```
#b4ff3c
```
#b4ff3c rgb(180,255,60)
```
#bbff4f
```
#bbff4f rgb(187,255,79)
```
#c3ff63
```
#c3ff63 rgb(195,255,99)
```
#cbff76
```
#cbff76 rgb(203,255,118)
```
#d2ff8a
```
#d2ff8a rgb(210,255,138)
```
#daff9e
```
#daff9e rgb(218,255,158)
```
#e1ffb1
```
#e1ffb1 rgb(225,255,177)
```
#e9ffc5
```
#e9ffc5 rgb(233,255,197)
```
#f0ffd8
```
#f0ffd8 rgb(240,255,216)
```
#f8ffec
```
#f8ffec rgb(248,255,236)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #464a40 is the less saturated color, while #558a00 is the most saturated one.

#464a40
```
#464a40 rgb(70,74,64)
```
#47503a
```
#47503a rgb(71,80,58)
```
#495535
```
#495535 rgb(73,85,53)
```
#4a5a30
```
#4a5a30 rgb(74,90,48)
```
#4b602a
```
#4b602a rgb(75,96,42)
```
#4c6525
```
#4c6525 rgb(76,101,37)
```
#4e6a20
```
#4e6a20 rgb(78,106,32)
```
#4f6f1b
```
#4f6f1b rgb(79,111,27)
```
#507515
```
#507515 rgb(80,117,21)
```
#517a10
```
#517a10 rgb(81,122,16)
```
#537f0b
```
#537f0b rgb(83,127,11)
```
#548505
```
#548505 rgb(84,133,5)
```
#558a00
```
#558a00 rgb(85,138,0)
```

Tone Color Variation

Below, you can see how #558a00 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

#6a6a6a Achromatopsia 0.005% of the population
#667055 Atypical Achromatopsia 0.001% of the population

Dichromacy

#928300 Protanopia 1% of men
#a27c21 Deuteranopia 1% of men
#6e8690 Tritanopia 0.001% of the population

Trichromacy

#7c8500 Protanomaly 1% of men, 0.01% of women
#868115 Deuteranomaly 6% of men, 0.4% of women
#65875b Tritanomaly 0.01% of the population

#558a00 hex color

#558a00 Color Information

#558a00 Color Conversion

Color Schemes with #558a00

Alternatives to #558a00

#558a00 Preview

Shades and Tints of #558a00

Tones of #558a00

Color Blindness Simulator