#558c18 hex color

In a RGB color space, hex #558c18 is composed of 33.3% red, 54.9% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 0% magenta, 82.9% yellow and 45.1% black. It has a hue angle of 88.4 degrees, a saturation of 70.7% and a lightness of 32.2%. #558c18 color hex could be obtained by blending #aaff30 with #001900. Closest websafe color is: #669900.

♥
- f
- t
- g
- R 33
- G 55
- B 9
RGB color chart
- C 39
- M 0
- Y 83
- K 45
CMYK color chart

● #558c18 color description : Dark green.

The hexadecimal color #558c18 has RGB values of R:85, G:140, B:24 and CMYK values of C:0.39, M:0, Y:0.83, K:0.45. Its decimal value is 5606424.

Hex triplet	558c18	`#558c18`
RGB Decimal	85, 140, 24	`rgb(85,140,24)`
RGB Percent	33.3, 54.9, 9.4	`rgb(33.3%,54.9%,9.4%)`
CMYK	39, 0, 83, 45
HSL	88.4°, 70.7, 32.2	`hsl(88.4,70.7%,32.2%)`
HSV (or HSB)	88.4°, 82.9, 54.9
Web Safe	669900	`#669900`

CIE-LAB	52.678, -36.516, 50.997
XYZ	13.289, 20.753, 4.17
xyY	0.348, 0.543, 20.753
CIE-LCH	52.678, 62.723, 125.604
CIE-LUV	52.678, -27.495, 58.719
Hunter-Lab	45.555, -27.652, 26.462
Binary	01010101, 10001100, 00011000

#558c18
```
#558c18 rgb(85,140,24)
```
#4f188c
```
#4f188c rgb(79,24,140)
```

Complementary Color

#8c8918
```
#8c8918 rgb(140,137,24)
```
#558c18
```
#558c18 rgb(85,140,24)
```
#1b8c18
```
#1b8c18 rgb(27,140,24)
```

Analogous Color

#89188c
```
#89188c rgb(137,24,140)
```
#558c18
```
#558c18 rgb(85,140,24)
```
#181b8c
```
#181b8c rgb(24,27,140)
```

Split Complementary Color

#8c1855
```
#8c1855 rgb(140,24,85)
```
#558c18
```
#558c18 rgb(85,140,24)
```
#18558c
```
#18558c rgb(24,85,140)
```

Triadic Color

#8c4f18
```
#8c4f18 rgb(140,79,24)
```
#558c18
```
#558c18 rgb(85,140,24)
```
#18558c
```
#18558c rgb(24,85,140)
```
#4f188c
```
#4f188c rgb(79,24,140)
```

Tetradic Color

#2d4b0d
```
#2d4b0d rgb(45,75,13)
```
#3b6011
```
#3b6011 rgb(59,96,17)
```
#487614
```
#487614 rgb(72,118,20)
```
#558c18
```
#558c18 rgb(85,140,24)
```
#62a21c
```
#62a21c rgb(98,162,28)
```
#6fb81f
```
#6fb81f rgb(111,184,31)
```
#7dcd23
```
#7dcd23 rgb(125,205,35)
```

Monochromatic Color

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

#728c18
```
#728c18 rgb(114,140,24)
```
#688c18
```
#688c18 rgb(104,140,24)
```
#5f8c18
```
#5f8c18 rgb(95,140,24)
```
#558c18
```
#558c18 rgb(85,140,24)
```
#4b8c18
```
#4b8c18 rgb(75,140,24)
```
#428c18
```
#428c18 rgb(66,140,24)
```
#388c18
```
#388c18 rgb(56,140,24)
```

Similar Colors

Text with hexadecimal color #558c18

This text has a font color of #558c18.

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

#558c18 background color

This paragraph has a background color of #558c18.

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

#558c18 border color

This element has a border color of #558c18.

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

CSS codes

.text {color:#558c18;}

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

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

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

#040601
```
#040601 rgb(4,6,1)
```
#0e1704
```
#0e1704 rgb(14,23,4)
```
#182807
```
#182807 rgb(24,40,7)
```
#22380a
```
#22380a rgb(34,56,10)
```
#2c490d
```
#2c490d rgb(44,73,13)
```
#375a0f
```
#375a0f rgb(55,90,15)
```
#416b12
```
#416b12 rgb(65,107,18)
```
#4b7b15
```
#4b7b15 rgb(75,123,21)
```
#558c18
```
#558c18 rgb(85,140,24)
```
#5f9d1b
```
#5f9d1b rgb(95,157,27)
```
#69ad1e
```
#69ad1e rgb(105,173,30)
```
#73be21
```
#73be21 rgb(115,190,33)
```
#7ecf23
```
#7ecf23 rgb(126,207,35)
```

Shade Color Variation

#88db2b
```
#88db2b rgb(136,219,43)
```
#91de3c
```
#91de3c rgb(145,222,60)
```
#9ae04d
```
#9ae04d rgb(154,224,77)
```
#a4e35e
```
#a4e35e rgb(164,227,94)
```
#ade66e
```
#ade66e rgb(173,230,110)
```
#b7e97f
```
#b7e97f rgb(183,233,127)
```
#c0ec90
```
#c0ec90 rgb(192,236,144)
```
#caefa1
```
#caefa1 rgb(202,239,161)
```
#d3f2b1
```
#d3f2b1 rgb(211,242,177)
```
#ddf5c2
```
#ddf5c2 rgb(221,245,194)
```
#e6f7d3
```
#e6f7d3 rgb(230,247,211)
```
#f0fae4
```
#f0fae4 rgb(240,250,228)
```
#f9fdf4
```
#f9fdf4 rgb(249,253,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525351 is the less saturated color, while #569f05 is the most saturated one.

#525351
```
#525351 rgb(82,83,81)
```
#525a4a
```
#525a4a rgb(82,90,74)
```
#536044
```
#536044 rgb(83,96,68)
```
#53663e
```
#53663e rgb(83,102,62)
```
#536c38
```
#536c38 rgb(83,108,56)
```
#547331
```
#547331 rgb(84,115,49)
```
#54792b
```
#54792b rgb(84,121,43)
```
#547f25
```
#547f25 rgb(84,127,37)
```
#55861e
```
#55861e rgb(85,134,30)
```
#558c18
```
#558c18 rgb(85,140,24)
```
#559212
```
#559212 rgb(85,146,18)
```
#56990b
```
#56990b rgb(86,153,11)
```
#569f05
```
#569f05 rgb(86,159,5)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#69745d Atypical Achromatopsia 0.001% of the population

Dichromacy

#948420 Protanopia 1% of men
#a47e2f Deuteranopia 1% of men
#6e8892 Tritanopia 0.001% of the population

Trichromacy

#7d871d Protanomaly 1% of men, 0.01% of women
#878326 Deuteranomaly 6% of men, 0.4% of women
#658965 Tritanomaly 0.01% of the population

#558c18 hex color

#558c18 Color Information

#558c18 Color Conversion

Color Schemes with #558c18

Alternatives to #558c18

#558c18 Preview

Shades and Tints of #558c18

Tones of #558c18

Color Blindness Simulator