#558c1d hex color

In a RGB color space, hex #558c1d is composed of 33.3% red, 54.9% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 0% magenta, 79.3% yellow and 45.1% black. It has a hue angle of 89.7 degrees, a saturation of 65.7% and a lightness of 33.1%. #558c1d color hex could be obtained by blending #aaff3a with #001900. Closest websafe color is: #669933.

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

● #558c1d color description : Dark green.

The hexadecimal color #558c1d has RGB values of R:85, G:140, B:29 and CMYK values of C:0.39, M:0, Y:0.79, K:0.45. Its decimal value is 5606429.

Hex triplet	558c1d	`#558c1d`
RGB Decimal	85, 140, 29	`rgb(85,140,29)`
RGB Percent	33.3, 54.9, 11.4	`rgb(33.3%,54.9%,11.4%)`
CMYK	39, 0, 79, 45
HSL	89.7°, 65.7, 33.1	`hsl(89.7,65.7%,33.1%)`
HSV (or HSB)	89.7°, 79.3, 54.9
Web Safe	669933	`#669933`

CIE-LAB	52.703, -36.254, 49.463
XYZ	13.346, 20.776, 4.469
xyY	0.346, 0.538, 20.776
CIE-LCH	52.703, 61.327, 126.24
CIE-LUV	52.703, -27.462, 57.707
Hunter-Lab	45.58, -27.501, 26.093
Binary	01010101, 10001100, 00011101

#558c1d
```
#558c1d rgb(85,140,29)
```
#541d8c
```
#541d8c rgb(84,29,140)
```

Complementary Color

#8c8c1d
```
#8c8c1d rgb(140,140,29)
```
#558c1d
```
#558c1d rgb(85,140,29)
```
#1e8c1d
```
#1e8c1d rgb(30,140,29)
```

Analogous Color

#8c1d8c
```
#8c1d8c rgb(140,29,140)
```
#558c1d
```
#558c1d rgb(85,140,29)
```
#1d1e8c
```
#1d1e8c rgb(29,30,140)
```

Split Complementary Color

#8c1d55
```
#8c1d55 rgb(140,29,85)
```
#558c1d
```
#558c1d rgb(85,140,29)
```
#1d558c
```
#1d558c rgb(29,85,140)
```

Triadic Color

#8c541d
```
#8c541d rgb(140,84,29)
```
#558c1d
```
#558c1d rgb(85,140,29)
```
#1d558c
```
#1d558c rgb(29,85,140)
```
#541d8c
```
#541d8c rgb(84,29,140)
```

Tetradic Color

#2f4d10
```
#2f4d10 rgb(47,77,16)
```
#3b6214
```
#3b6214 rgb(59,98,20)
```
#487719
```
#487719 rgb(72,119,25)
```
#558c1d
```
#558c1d rgb(85,140,29)
```
#62a121
```
#62a121 rgb(98,161,33)
```
#6fb626
```
#6fb626 rgb(111,182,38)
```
#7bcb2a
```
#7bcb2a rgb(123,203,42)
```

Monochromatic Color

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

#718c1d
```
#718c1d rgb(113,140,29)
```
#688c1d
```
#688c1d rgb(104,140,29)
```
#5e8c1d
```
#5e8c1d rgb(94,140,29)
```
#558c1d
```
#558c1d rgb(85,140,29)
```
#4c8c1d
```
#4c8c1d rgb(76,140,29)
```
#438c1d
```
#438c1d rgb(67,140,29)
```
#398c1d
```
#398c1d rgb(57,140,29)
```

Similar Colors

Text with hexadecimal color #558c1d

This text has a font color of #558c1d.

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

#558c1d background color

This paragraph has a background color of #558c1d.

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

#558c1d border color

This element has a border color of #558c1d.

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

CSS codes

.text {color:#558c1d;}

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

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

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, #060a02 is the darkest color, while #fbfef9 is the lightest one.

#060a02
```
#060a02 rgb(6,10,2)
```
#101a05
```
#101a05 rgb(16,26,5)
```
#1a2b09
```
#1a2b09 rgb(26,43,9)
```
#243b0c
```
#243b0c rgb(36,59,12)
```
#2e4b10
```
#2e4b10 rgb(46,75,16)
```
#375b13
```
#375b13 rgb(55,91,19)
```
#416c16
```
#416c16 rgb(65,108,22)
```
#4b7c1a
```
#4b7c1a rgb(75,124,26)
```
#558c1d
```
#558c1d rgb(85,140,29)
```
#5f9c20
```
#5f9c20 rgb(95,156,32)
```
#69ac24
```
#69ac24 rgb(105,172,36)
```
#73bd27
```
#73bd27 rgb(115,189,39)
```
#7ccd2a
```
#7ccd2a rgb(124,205,42)
```

Shade Color Variation

#86d536
```
#86d536 rgb(134,213,54)
```
#90d946
```
#90d946 rgb(144,217,70)
```
#9adc56
```
#9adc56 rgb(154,220,86)
```
#a4df67
```
#a4df67 rgb(164,223,103)
```
#ade377
```
#ade377 rgb(173,227,119)
```
#b7e687
```
#b7e687 rgb(183,230,135)
```
#c1ea97
```
#c1ea97 rgb(193,234,151)
```
#cbeda8
```
#cbeda8 rgb(203,237,168)
```
#d4f0b8
```
#d4f0b8 rgb(212,240,184)
```
#def4c8
```
#def4c8 rgb(222,244,200)
```
#e8f7d8
```
#e8f7d8 rgb(232,247,216)
```
#f2fae9
```
#f2fae9 rgb(242,250,233)
```
#fbfef9
```
#fbfef9 rgb(251,254,249)
```

Tint Color Variation

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

#555851
```
#555851 rgb(85,88,81)
```
#555f4b
```
#555f4b rgb(85,95,75)
```
#556544
```
#556544 rgb(85,101,68)
```
#556c3e
```
#556c3e rgb(85,108,62)
```
#557237
```
#557237 rgb(85,114,55)
```
#557931
```
#557931 rgb(85,121,49)
```
#557f2a
```
#557f2a rgb(85,127,42)
```
#558624
```
#558624 rgb(85,134,36)
```
#558c1d
```
#558c1d rgb(85,140,29)
```
#559317
```
#559317 rgb(85,147,23)
```
#559910
```
#559910 rgb(85,153,16)
```
#55a00a
```
#55a00a rgb(85,160,10)
```
#55a603
```
#55a603 rgb(85,166,3)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6a755f Atypical Achromatopsia 0.001% of the population

Dichromacy

#948425 Protanopia 1% of men
#a37e33 Deuteranopia 1% of men
#6e8892 Tritanopia 0.001% of the population

Trichromacy

#7d8722 Protanomaly 1% of men, 0.01% of women
#87832b Deuteranomaly 6% of men, 0.4% of women
#658967 Tritanomaly 0.01% of the population

#558c1d hex color

#558c1d Color Information

#558c1d Color Conversion

Color Schemes with #558c1d

Alternatives to #558c1d

#558c1d Preview

Shades and Tints of #558c1d

Tones of #558c1d

Color Blindness Simulator