#558524 hex color

In a RGB color space, hex #558524 is composed of 33.3% red, 52.2% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 36.1% cyan, 0% magenta, 72.9% yellow and 47.8% black. It has a hue angle of 89.7 degrees, a saturation of 57.4% and a lightness of 33.1%. #558524 color hex could be obtained by blending #aaff48 with #000b00. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 33
- G 52
- B 14
RGB color chart
- C 36
- M 0
- Y 73
- K 48
CMYK color chart

● #558524 color description : Dark green.

The hexadecimal color #558524 has RGB values of R:85, G:133, B:36 and CMYK values of C:0.36, M:0, Y:0.73, K:0.48. Its decimal value is 5604644.

Hex triplet	558524	`#558524`
RGB Decimal	85, 133, 36	`rgb(85,133,36)`
RGB Percent	33.3, 52.2, 14.1	`rgb(33.3%,52.2%,14.1%)`
CMYK	36, 0, 73, 48
HSL	89.7°, 57.4, 33.1	`hsl(89.7,57.4%,33.1%)`
HSV (or HSB)	89.7°, 72.9, 52.2
Web Safe	669933	`#669933`

CIE-LAB	50.492, -32.658, 44.742
XYZ	12.452, 18.833, 4.648
xyY	0.347, 0.524, 18.833
CIE-LCH	50.492, 55.393, 126.127
CIE-LUV	50.492, -24.02, 52.768
Hunter-Lab	43.397, -24.728, 24.028
Binary	01010101, 10000101, 00100100

#558524
```
#558524 rgb(85,133,36)
```
#542485
```
#542485 rgb(84,36,133)
```

Complementary Color

#858524
```
#858524 rgb(133,133,36)
```
#558524
```
#558524 rgb(85,133,36)
```
#258524
```
#258524 rgb(37,133,36)
```

Analogous Color

#852485
```
#852485 rgb(133,36,133)
```
#558524
```
#558524 rgb(85,133,36)
```
#242585
```
#242585 rgb(36,37,133)
```

Split Complementary Color

#852455
```
#852455 rgb(133,36,85)
```
#558524
```
#558524 rgb(85,133,36)
```
#245585
```
#245585 rgb(36,85,133)
```

Triadic Color

#855424
```
#855424 rgb(133,84,36)
```
#558524
```
#558524 rgb(85,133,36)
```
#245585
```
#245585 rgb(36,85,133)
```
#542485
```
#542485 rgb(84,36,133)
```

Tetradic Color

#2f4914
```
#2f4914 rgb(47,73,20)
```
#3b5d19
```
#3b5d19 rgb(59,93,25)
```
#48711f
```
#48711f rgb(72,113,31)
```
#558524
```
#558524 rgb(85,133,36)
```
#629929
```
#629929 rgb(98,153,41)
```
#6fad2f
```
#6fad2f rgb(111,173,47)
```
#7bc134
```
#7bc134 rgb(123,193,52)
```

Monochromatic Color

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

#6d8524
```
#6d8524 rgb(109,133,36)
```
#658524
```
#658524 rgb(101,133,36)
```
#5d8524
```
#5d8524 rgb(93,133,36)
```
#558524
```
#558524 rgb(85,133,36)
```
#4d8524
```
#4d8524 rgb(77,133,36)
```
#458524
```
#458524 rgb(69,133,36)
```
#3d8524
```
#3d8524 rgb(61,133,36)
```

Similar Colors

Text with hexadecimal color #558524

This text has a font color of #558524.

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

#558524 background color

This paragraph has a background color of #558524.

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

#558524 border color

This element has a border color of #558524.

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

CSS codes

.text {color:#558524;}

.background {background-color:#558524;}

.border {border:1px solid #558524;}

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

#060a03
```
#060a03 rgb(6,10,3)
```
#101907
```
#101907 rgb(16,25,7)
```
#1a280b
```
#1a280b rgb(26,40,11)
```
#24380f
```
#24380f rgb(36,56,15)
```
#2e4713
```
#2e4713 rgb(46,71,19)
```
#375717
```
#375717 rgb(55,87,23)
```
#41661c
```
#41661c rgb(65,102,28)
```
#4b7620
```
#4b7620 rgb(75,118,32)
```
#558524
```
#558524 rgb(85,133,36)
```
#5f9428
```
#5f9428 rgb(95,148,40)
```
#69a42c
```
#69a42c rgb(105,164,44)
```
#73b331
```
#73b331 rgb(115,179,49)
```
#7cc335
```
#7cc335 rgb(124,195,53)
```

Shade Color Variation

#86cb40
```
#86cb40 rgb(134,203,64)
```
#90cf4f
```
#90cf4f rgb(144,207,79)
```
#9ad45f
```
#9ad45f rgb(154,212,95)
```
#a4d86e
```
#a4d86e rgb(164,216,110)
```
#addc7e
```
#addc7e rgb(173,220,126)
```
#b7e08d
```
#b7e08d rgb(183,224,141)
```
#c1e49c
```
#c1e49c rgb(193,228,156)
```
#cbe9ac
```
#cbe9ac rgb(203,233,172)
```
#d4edbb
```
#d4edbb rgb(212,237,187)
```
#def1cb
```
#def1cb rgb(222,241,203)
```
#e8f5da
```
#e8f5da rgb(232,245,218)
```
#f2f9ea
```
#f2f9ea rgb(242,249,234)
```
#fbfdf9
```
#fbfdf9 rgb(251,253,249)
```

Tint Color Variation

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

#555852
```
#555852 rgb(85,88,82)
```
#555e4b
```
#555e4b rgb(85,94,75)
```
#556545
```
#556545 rgb(85,101,69)
```
#556b3e
```
#556b3e rgb(85,107,62)
```
#557238
```
#557238 rgb(85,114,56)
```
#557831
```
#557831 rgb(85,120,49)
```
#557f2b
```
#557f2b rgb(85,127,43)
```
#558524
```
#558524 rgb(85,133,36)
```
#558c1e
```
#558c1e rgb(85,140,30)
```
#559217
```
#559217 rgb(85,146,23)
```
#559911
```
#559911 rgb(85,153,17)
```
#559f0a
```
#559f0a rgb(85,159,10)
```
#55a603
```
#55a603 rgb(85,166,3)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#67715e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d7f2c Protanopia 1% of men
#9c7937 Deuteranopia 1% of men
#6c828c Tritanopia 0.001% of the population

Trichromacy

#798129 Protanomaly 1% of men, 0.01% of women
#827d30 Deuteranomaly 6% of men, 0.4% of women
#648366 Tritanomaly 0.01% of the population

#558524 hex color

#558524 Color Information

#558524 Color Conversion

Color Schemes with #558524

Alternatives to #558524

#558524 Preview

Shades and Tints of #558524

Tones of #558524

Color Blindness Simulator