#558521 hex color

In a RGB color space, hex #558521 is composed of 33.3% red, 52.2% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 36.1% cyan, 0% magenta, 75.2% yellow and 47.8% black. It has a hue angle of 88.8 degrees, a saturation of 60.2% and a lightness of 32.5%. #558521 color hex could be obtained by blending #aaff42 with #000b00. Closest websafe color is: #669933.

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

● #558521 color description : Dark green.

The hexadecimal color #558521 has RGB values of R:85, G:133, B:33 and CMYK values of C:0.36, M:0, Y:0.75, K:0.48. Its decimal value is 5604641.

Hex triplet	558521	`#558521`
RGB Decimal	85, 133, 33	`rgb(85,133,33)`
RGB Percent	33.3, 52.2, 12.9	`rgb(33.3%,52.2%,12.9%)`
CMYK	36, 0, 75, 48
HSL	88.8°, 60.2, 32.5	`hsl(88.8,60.2%,32.5%)`
HSV (or HSB)	88.8°, 75.2, 52.2
Web Safe	669933	`#669933`

CIE-LAB	50.471, -32.868, 45.886
XYZ	12.408, 18.816, 4.417
xyY	0.348, 0.528, 18.816
CIE-LCH	50.471, 56.443, 125.614
CIE-LUV	50.471, -24.041, 53.58
Hunter-Lab	43.377, -24.85, 24.327
Binary	01010101, 10000101, 00100001

#558521
```
#558521 rgb(85,133,33)
```
#512185
```
#512185 rgb(81,33,133)
```

Complementary Color

#858321
```
#858321 rgb(133,131,33)
```
#558521
```
#558521 rgb(85,133,33)
```
#238521
```
#238521 rgb(35,133,33)
```

Analogous Color

#832185
```
#832185 rgb(131,33,133)
```
#558521
```
#558521 rgb(85,133,33)
```
#212385
```
#212385 rgb(33,35,133)
```

Split Complementary Color

#852155
```
#852155 rgb(133,33,85)
```
#558521
```
#558521 rgb(85,133,33)
```
#215585
```
#215585 rgb(33,85,133)
```

Triadic Color

#855121
```
#855121 rgb(133,81,33)
```
#558521
```
#558521 rgb(85,133,33)
```
#215585
```
#215585 rgb(33,85,133)
```
#512185
```
#512185 rgb(81,33,133)
```

Tetradic Color

#2e4812
```
#2e4812 rgb(46,72,18)
```
#3b5c17
```
#3b5c17 rgb(59,92,23)
```
#48711c
```
#48711c rgb(72,113,28)
```
#558521
```
#558521 rgb(85,133,33)
```
#629926
```
#629926 rgb(98,153,38)
```
#6fae2b
```
#6fae2b rgb(111,174,43)
```
#7cc230
```
#7cc230 rgb(124,194,48)
```

Monochromatic Color

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

#6e8521
```
#6e8521 rgb(110,133,33)
```
#668521
```
#668521 rgb(102,133,33)
```
#5d8521
```
#5d8521 rgb(93,133,33)
```
#558521
```
#558521 rgb(85,133,33)
```
#4d8521
```
#4d8521 rgb(77,133,33)
```
#448521
```
#448521 rgb(68,133,33)
```
#3c8521
```
#3c8521 rgb(60,133,33)
```

Similar Colors

Text with hexadecimal color #558521

This text has a font color of #558521.

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

#558521 background color

This paragraph has a background color of #558521.

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

#558521 border color

This element has a border color of #558521.

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

CSS codes

.text {color:#558521;}

.background {background-color:#558521;}

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

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

#050702
```
#050702 rgb(5,7,2)
```
#0f1706
```
#0f1706 rgb(15,23,6)
```
#19270a
```
#19270a rgb(25,39,10)
```
#23360e
```
#23360e rgb(35,54,14)
```
#2d4611
```
#2d4611 rgb(45,70,17)
```
#375615
```
#375615 rgb(55,86,21)
```
#416619
```
#416619 rgb(65,102,25)
```
#4b751d
```
#4b751d rgb(75,117,29)
```
#558521
```
#558521 rgb(85,133,33)
```
#5f9525
```
#5f9525 rgb(95,149,37)
```
#69a429
```
#69a429 rgb(105,164,41)
```
#73b42d
```
#73b42d rgb(115,180,45)
```
#7dc431
```
#7dc431 rgb(125,196,49)
```

Shade Color Variation

#87ce3a
```
#87ce3a rgb(135,206,58)
```
#91d24a
```
#91d24a rgb(145,210,74)
```
#9ad659
```
#9ad659 rgb(154,214,89)
```
#a4da69
```
#a4da69 rgb(164,218,105)
```
#adde79
```
#adde79 rgb(173,222,121)
```
#b7e289
```
#b7e289 rgb(183,226,137)
```
#c0e698
```
#c0e698 rgb(192,230,152)
```
#cae9a8
```
#cae9a8 rgb(202,233,168)
```
#d4edb8
```
#d4edb8 rgb(212,237,184)
```
#ddf1c7
```
#ddf1c7 rgb(221,241,199)
```
#e7f5d7
```
#e7f5d7 rgb(231,245,215)
```
#f0f9e7
```
#f0f9e7 rgb(240,249,231)
```
#fafdf7
```
#fafdf7 rgb(250,253,247)
```

Tint Color Variation

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

#53584e
```
#53584e rgb(83,88,78)
```
#535f47
```
#535f47 rgb(83,95,71)
```
#546541
```
#546541 rgb(84,101,65)
```
#546b3b
```
#546b3b rgb(84,107,59)
```
#547234
```
#547234 rgb(84,114,52)
```
#54782e
```
#54782e rgb(84,120,46)
```
#557f27
```
#557f27 rgb(85,127,39)
```
#558521
```
#558521 rgb(85,133,33)
```
#558b1b
```
#558b1b rgb(85,139,27)
```
#569214
```
#569214 rgb(86,146,20)
```
#56980e
```
#56980e rgb(86,152,14)
```
#569f07
```
#569f07 rgb(86,159,7)
```
#56a501
```
#56a501 rgb(86,165,1)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#67705c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d7f29 Protanopia 1% of men
#9c7935 Deuteranopia 1% of men
#6c828b Tritanopia 0.001% of the population

Trichromacy

#798126 Protanomaly 1% of men, 0.01% of women
#827d2d Deuteranomaly 6% of men, 0.4% of women
#648365 Tritanomaly 0.01% of the population

#558521 hex color

#558521 Color Information

#558521 Color Conversion

Color Schemes with #558521

Alternatives to #558521

#558521 Preview

Shades and Tints of #558521

Tones of #558521

Color Blindness Simulator