#558021 hex color

In a RGB color space, hex #558021 is composed of 33.3% red, 50.2% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 0% magenta, 74.2% yellow and 49.8% black. It has a hue angle of 87.2 degrees, a saturation of 59% and a lightness of 31.6%. #558021 color hex could be obtained by blending #aaff42 with #000100. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 33
- G 50
- B 13
RGB color chart
- C 34
- M 0
- Y 74
- K 50
CMYK color chart

● #558021 color description : Dark green.

The hexadecimal color #558021 has RGB values of R:85, G:128, B:33 and CMYK values of C:0.34, M:0, Y:0.74, K:0.5. Its decimal value is 5603361.

Hex triplet	558021	`#558021`
RGB Decimal	85, 128, 33	`rgb(85,128,33)`
RGB Percent	33.3, 50.2, 12.9	`rgb(33.3%,50.2%,12.9%)`
CMYK	34, 0, 74, 50
HSL	87.2°, 59, 31.6	`hsl(87.2,59%,31.6%)`
HSV (or HSB)	87.2°, 74.2, 50.2
Web Safe	669933	`#669933`

CIE-LAB	48.858, -30.555, 44.28
XYZ	11.74, 17.479, 4.194
xyY	0.351, 0.523, 17.479
CIE-LCH	48.858, 53.799, 124.607
CIE-LUV	48.858, -21.556, 51.276
Hunter-Lab	41.808, -23.041, 23.318
Binary	01010101, 10000000, 00100001

#558021
```
#558021 rgb(85,128,33)
```
#4c2180
```
#4c2180 rgb(76,33,128)
```

Complementary Color

#807c21
```
#807c21 rgb(128,124,33)
```
#558021
```
#558021 rgb(85,128,33)
```
#268021
```
#268021 rgb(38,128,33)
```

Analogous Color

#7c2180
```
#7c2180 rgb(124,33,128)
```
#558021
```
#558021 rgb(85,128,33)
```
#212680
```
#212680 rgb(33,38,128)
```

Split Complementary Color

#802155
```
#802155 rgb(128,33,85)
```
#558021
```
#558021 rgb(85,128,33)
```
#215580
```
#215580 rgb(33,85,128)
```

Triadic Color

#804c21
```
#804c21 rgb(128,76,33)
```
#558021
```
#558021 rgb(85,128,33)
```
#215580
```
#215580 rgb(33,85,128)
```
#4c2180
```
#4c2180 rgb(76,33,128)
```

Tetradic Color

#2d4311
```
#2d4311 rgb(45,67,17)
```
#3a5717
```
#3a5717 rgb(58,87,23)
```
#486c1c
```
#486c1c rgb(72,108,28)
```
#558021
```
#558021 rgb(85,128,33)
```
#629426
```
#629426 rgb(98,148,38)
```
#70a92b
```
#70a92b rgb(112,169,43)
```
#7dbd31
```
#7dbd31 rgb(125,189,49)
```

Monochromatic Color

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

#6d8021
```
#6d8021 rgb(109,128,33)
```
#658021
```
#658021 rgb(101,128,33)
```
#5d8021
```
#5d8021 rgb(93,128,33)
```
#558021
```
#558021 rgb(85,128,33)
```
#4d8021
```
#4d8021 rgb(77,128,33)
```
#458021
```
#458021 rgb(69,128,33)
```
#3d8021
```
#3d8021 rgb(61,128,33)
```

Similar Colors

Text with hexadecimal color #558021

This text has a font color of #558021.

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

#558021 background color

This paragraph has a background color of #558021.

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

#558021 border color

This element has a border color of #558021.

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

CSS codes

.text {color:#558021;}

.background {background-color:#558021;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0d1305
```
#0d1305 rgb(13,19,5)
```
#172209
```
#172209 rgb(23,34,9)
```
#21320d
```
#21320d rgb(33,50,13)
```
#2c4211
```
#2c4211 rgb(44,66,17)
```
#365115
```
#365115 rgb(54,81,21)
```
#406119
```
#406119 rgb(64,97,25)
```
#4b701d
```
#4b701d rgb(75,112,29)
```
#558021
```
#558021 rgb(85,128,33)
```
#5f9025
```
#5f9025 rgb(95,144,37)
```
#6a9f29
```
#6a9f29 rgb(106,159,41)
```
#74af2d
```
#74af2d rgb(116,175,45)
```
#7ebe31
```
#7ebe31 rgb(126,190,49)
```

Shade Color Variation

#89cc38
```
#89cc38 rgb(137,204,56)
```
#92d047
```
#92d047 rgb(146,208,71)
```
#9bd457
```
#9bd457 rgb(155,212,87)
```
#a4d866
```
#a4d866 rgb(164,216,102)
```
#aedc76
```
#aedc76 rgb(174,220,118)
```
#b7e085
```
#b7e085 rgb(183,224,133)
```
#c0e495
```
#c0e495 rgb(192,228,149)
```
#c9e8a5
```
#c9e8a5 rgb(201,232,165)
```
#d3ecb4
```
#d3ecb4 rgb(211,236,180)
```
#dcf0c4
```
#dcf0c4 rgb(220,240,196)
```
#e5f4d3
```
#e5f4d3 rgb(229,244,211)
```
#eef8e3
```
#eef8e3 rgb(238,248,227)
```
#f8fcf3
```
#f8fcf3 rgb(248,252,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #51554c is the less saturated color, while #589f02 is the most saturated one.

#51554c
```
#51554c rgb(81,85,76)
```
#515b46
```
#515b46 rgb(81,91,70)
```
#526140
```
#526140 rgb(82,97,64)
```
#53673a
```
#53673a rgb(83,103,58)
```
#536d34
```
#536d34 rgb(83,109,52)
```
#54742d
```
#54742d rgb(84,116,45)
```
#547a27
```
#547a27 rgb(84,122,39)
```
#558021
```
#558021 rgb(85,128,33)
```
#56861b
```
#56861b rgb(86,134,27)
```
#568c15
```
#568c15 rgb(86,140,21)
```
#57930e
```
#57930e rgb(87,147,14)
```
#579908
```
#579908 rgb(87,153,8)
```
#589f02
```
#589f02 rgb(88,159,2)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#646d5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#897b29 Protanopia 1% of men
#987534 Deuteranopia 1% of men
#6b7e87 Tritanopia 0.001% of the population

Trichromacy

#767d26 Protanomaly 1% of men, 0.01% of women
#7f792d Deuteranomaly 6% of men, 0.4% of women
#637e62 Tritanomaly 0.01% of the population

#558021 hex color

#558021 Color Information

#558021 Color Conversion

Color Schemes with #558021

Alternatives to #558021

#558021 Preview

Shades and Tints of #558021

Tones of #558021

Color Blindness Simulator