#558c16 hex color

In a RGB color space, hex #558c16 is composed of 33.3% red, 54.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 0% magenta, 84.3% yellow and 45.1% black. It has a hue angle of 88 degrees, a saturation of 72.8% and a lightness of 31.8%. #558c16 color hex could be obtained by blending #aaff2c with #001900. Closest websafe color is: #669900.

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

● #558c16 color description : Dark green.

The hexadecimal color #558c16 has RGB values of R:85, G:140, B:22 and CMYK values of C:0.39, M:0, Y:0.84, K:0.45. Its decimal value is 5606422.

Hex triplet	558c16	`#558c16`
RGB Decimal	85, 140, 22	`rgb(85,140,22)`
RGB Percent	33.3, 54.9, 8.6	`rgb(33.3%,54.9%,8.6%)`
CMYK	39, 0, 84, 45
HSL	88°, 72.8, 31.8	`hsl(88,72.8%,31.8%)`
HSV (or HSB)	88°, 84.3, 54.9
Web Safe	669900	`#669900`

CIE-LAB	52.669, -36.608, 51.556
XYZ	13.269, 20.745, 4.064
xyY	0.348, 0.545, 20.745
CIE-LCH	52.669, 63.231, 125.377
CIE-LUV	52.669, -27.507, 59.078
Hunter-Lab	45.546, -27.705, 26.592
Binary	01010101, 10001100, 00010110

#558c16
```
#558c16 rgb(85,140,22)
```
#4d168c
```
#4d168c rgb(77,22,140)
```

Complementary Color

#8c8816
```
#8c8816 rgb(140,136,22)
```
#558c16
```
#558c16 rgb(85,140,22)
```
#1a8c16
```
#1a8c16 rgb(26,140,22)
```

Analogous Color

#88168c
```
#88168c rgb(136,22,140)
```
#558c16
```
#558c16 rgb(85,140,22)
```
#161a8c
```
#161a8c rgb(22,26,140)
```

Split Complementary Color

#8c1655
```
#8c1655 rgb(140,22,85)
```
#558c16
```
#558c16 rgb(85,140,22)
```
#16558c
```
#16558c rgb(22,85,140)
```

Triadic Color

#8c4d16
```
#8c4d16 rgb(140,77,22)
```
#558c16
```
#558c16 rgb(85,140,22)
```
#16558c
```
#16558c rgb(22,85,140)
```
#4d168c
```
#4d168c rgb(77,22,140)
```

Tetradic Color

#2d4a0c
```
#2d4a0c rgb(45,74,12)
```
#3a600f
```
#3a600f rgb(58,96,15)
```
#487613
```
#487613 rgb(72,118,19)
```
#558c16
```
#558c16 rgb(85,140,22)
```
#62a219
```
#62a219 rgb(98,162,25)
```
#70b81d
```
#70b81d rgb(112,184,29)
```
#7dce20
```
#7dce20 rgb(125,206,32)
```

Monochromatic Color

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

#738c16
```
#738c16 rgb(115,140,22)
```
#698c16
```
#698c16 rgb(105,140,22)
```
#5f8c16
```
#5f8c16 rgb(95,140,22)
```
#558c16
```
#558c16 rgb(85,140,22)
```
#4b8c16
```
#4b8c16 rgb(75,140,22)
```
#418c16
```
#418c16 rgb(65,140,22)
```
#388c16
```
#388c16 rgb(56,140,22)
```

Similar Colors

Text with hexadecimal color #558c16

This text has a font color of #558c16.

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

#558c16 background color

This paragraph has a background color of #558c16.

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

#558c16 border color

This element has a border color of #558c16.

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

CSS codes

.text {color:#558c16;}

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

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

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

#030401
```
#030401 rgb(3,4,1)
```
#0d1503
```
#0d1503 rgb(13,21,3)
```
#172606
```
#172606 rgb(23,38,6)
```
#223709
```
#223709 rgb(34,55,9)
```
#2c480b
```
#2c480b rgb(44,72,11)
```
#36590e
```
#36590e rgb(54,89,14)
```
#406a11
```
#406a11 rgb(64,106,17)
```
#4b7b13
```
#4b7b13 rgb(75,123,19)
```
#558c16
```
#558c16 rgb(85,140,22)
```
#5f9d19
```
#5f9d19 rgb(95,157,25)
```
#6aae1b
```
#6aae1b rgb(106,174,27)
```
#74bf1e
```
#74bf1e rgb(116,191,30)
```
#7ed021
```
#7ed021 rgb(126,208,33)
```

Shade Color Variation

#88dd27
```
#88dd27 rgb(136,221,39)
```
#92e038
```
#92e038 rgb(146,224,56)
```
#9be249
```
#9be249 rgb(155,226,73)
```
#a4e55a
```
#a4e55a rgb(164,229,90)
```
#aee86b
```
#aee86b rgb(174,232,107)
```
#b7ea7c
```
#b7ea7c rgb(183,234,124)
```
#c0ed8d
```
#c0ed8d rgb(192,237,141)
```
#c9f09e
```
#c9f09e rgb(201,240,158)
```
#d3f2af
```
#d3f2af rgb(211,242,175)
```
#dcf5c0
```
#dcf5c0 rgb(220,245,192)
```
#e5f8d1
```
#e5f8d1 rgb(229,248,209)
```
#effae1
```
#effae1 rgb(239,250,225)
```
#f8fdf2
```
#f8fdf2 rgb(248,253,242)
```

Tint Color Variation

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

#51544e
```
#51544e rgb(81,84,78)
```
#525a48
```
#525a48 rgb(82,90,72)
```
#526042
```
#526042 rgb(82,96,66)
```
#52673b
```
#52673b rgb(82,103,59)
```
#536d35
```
#536d35 rgb(83,109,53)
```
#53732f
```
#53732f rgb(83,115,47)
```
#547929
```
#547929 rgb(84,121,41)
```
#548022
```
#548022 rgb(84,128,34)
```
#55861c
```
#55861c rgb(85,134,28)
```
#558c16
```
#558c16 rgb(85,140,22)
```
#559210
```
#559210 rgb(85,146,16)
```
#56980a
```
#56980a rgb(86,152,10)
```
#569f03
```
#569f03 rgb(86,159,3)
```

Tone Color Variation

Below, you can see how #558c16 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
#69745c Atypical Achromatopsia 0.001% of the population

Dichromacy

#94841e Protanopia 1% of men
#a47e2e Deuteranopia 1% of men
#6e8892 Tritanopia 0.001% of the population

Trichromacy

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

#558c16 hex color

#558c16 Color Information

#558c16 Color Conversion

Color Schemes with #558c16

Alternatives to #558c16

#558c16 Preview

Shades and Tints of #558c16

Tones of #558c16

Color Blindness Simulator