#558f30 hex color

In a RGB color space, hex #558f30 is composed of 33.3% red, 56.1% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 0% magenta, 66.4% yellow and 43.9% black. It has a hue angle of 96.6 degrees, a saturation of 49.7% and a lightness of 37.5%. #558f30 color hex could be obtained by blending #aaff60 with #001f00. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 33
- G 56
- B 19
RGB color chart
- C 41
- M 0
- Y 66
- K 44
CMYK color chart

● #558f30 color description : Dark moderate green.

The hexadecimal color #558f30 has RGB values of R:85, G:143, B:48 and CMYK values of C:0.41, M:0, Y:0.66, K:0.44. Its decimal value is 5607216.

Hex triplet	558f30	`#558f30`
RGB Decimal	85, 143, 48	`rgb(85,143,48)`
RGB Percent	33.3, 56.1, 18.8	`rgb(33.3%,56.1%,18.8%)`
CMYK	41, 0, 66, 44
HSL	96.6°, 49.7, 37.5	`hsl(96.6,49.7%,37.5%)`
HSV (or HSB)	96.6°, 66.4, 56.1
Web Safe	669933	`#669933`

CIE-LAB	53.802, -36.175, 43.163
XYZ	14.102, 21.789, 6.259
xyY	0.335, 0.517, 21.789
CIE-LCH	53.802, 56.317, 129.967
CIE-LUV	53.802, -28.696, 53.732
Hunter-Lab	46.679, -27.762, 24.725
Binary	01010101, 10001111, 00110000

#558f30
```
#558f30 rgb(85,143,48)
```
#6a308f
```
#6a308f rgb(106,48,143)
```

Complementary Color

#858f30
```
#858f30 rgb(133,143,48)
```
#558f30
```
#558f30 rgb(85,143,48)
```
#308f3b
```
#308f3b rgb(48,143,59)
```

Analogous Color

#8f3085
```
#8f3085 rgb(143,48,133)
```
#558f30
```
#558f30 rgb(85,143,48)
```
#3b308f
```
#3b308f rgb(59,48,143)
```

Split Complementary Color

#8f3055
```
#8f3055 rgb(143,48,85)
```
#558f30
```
#558f30 rgb(85,143,48)
```
#30558f
```
#30558f rgb(48,85,143)
```

Triadic Color

#8f6a30
```
#8f6a30 rgb(143,106,48)
```
#558f30
```
#558f30 rgb(85,143,48)
```
#30558f
```
#30558f rgb(48,85,143)
```
#6a308f
```
#6a308f rgb(106,48,143)
```

Tetradic Color

#33561d
```
#33561d rgb(51,86,29)
```
#3e6923
```
#3e6923 rgb(62,105,35)
```
#4a7c2a
```
#4a7c2a rgb(74,124,42)
```
#558f30
```
#558f30 rgb(85,143,48)
```
#60a236
```
#60a236 rgb(96,162,54)
```
#6cb53d
```
#6cb53d rgb(108,181,61)
```
#78c249
```
#78c249 rgb(120,194,73)
```

Monochromatic Color

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

#6d8f30
```
#6d8f30 rgb(109,143,48)
```
#658f30
```
#658f30 rgb(101,143,48)
```
#5d8f30
```
#5d8f30 rgb(93,143,48)
```
#558f30
```
#558f30 rgb(85,143,48)
```
#4d8f30
```
#4d8f30 rgb(77,143,48)
```
#458f30
```
#458f30 rgb(69,143,48)
```
#3d8f30
```
#3d8f30 rgb(61,143,48)
```

Similar Colors

Text with hexadecimal color #558f30

This text has a font color of #558f30.

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

#558f30 background color

This paragraph has a background color of #558f30.

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

#558f30 border color

This element has a border color of #558f30.

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

CSS codes

.text {color:#558f30;}

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

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

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

#060b04
```
#060b04 rgb(6,11,4)
```
#0f1a09
```
#0f1a09 rgb(15,26,9)
```
#18280d
```
#18280d rgb(24,40,13)
```
#213712
```
#213712 rgb(33,55,18)
```
#294617
```
#294617 rgb(41,70,23)
```
#32541c
```
#32541c rgb(50,84,28)
```
#3b6321
```
#3b6321 rgb(59,99,33)
```
#447226
```
#447226 rgb(68,114,38)
```
#4c802b
```
#4c802b rgb(76,128,43)
```
#558f30
```
#558f30 rgb(85,143,48)
```
#5e9e35
```
#5e9e35 rgb(94,158,53)
```
#66ac3a
```
#66ac3a rgb(102,172,58)
```
#6fbb3f
```
#6fbb3f rgb(111,187,63)
```

Shade Color Variation

#7ac34b
```
#7ac34b rgb(122,195,75)
```
#84c75a
```
#84c75a rgb(132,199,90)
```
#8fcc68
```
#8fcc68 rgb(143,204,104)
```
#9ad177
```
#9ad177 rgb(154,209,119)
```
#a5d686
```
#a5d686 rgb(165,214,134)
```
#b0db94
```
#b0db94 rgb(176,219,148)
```
#bbe0a3
```
#bbe0a3 rgb(187,224,163)
```
#c6e5b2
```
#c6e5b2 rgb(198,229,178)
```
#d1eac0
```
#d1eac0 rgb(209,234,192)
```
#dbefcf
```
#dbefcf rgb(219,239,207)
```
#e6f4de
```
#e6f4de rgb(230,244,222)
```
#f1f9ec
```
#f1f9ec rgb(241,249,236)
```
#fcfefb
```
#fcfefb rgb(252,254,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f635c is the less saturated color, while #4bbb04 is the most saturated one.

#5f635c
```
#5f635c rgb(95,99,92)
```
#5d6a55
```
#5d6a55 rgb(93,106,85)
```
#5b724d
```
#5b724d rgb(91,114,77)
```
#5a7946
```
#5a7946 rgb(90,121,70)
```
#58803f
```
#58803f rgb(88,128,63)
```
#578837
```
#578837 rgb(87,136,55)
```
#558f30
```
#558f30 rgb(85,143,48)
```
#539629
```
#539629 rgb(83,150,41)
```
#529e21
```
#529e21 rgb(82,158,33)
```
#50a51a
```
#50a51a rgb(80,165,26)
```
#4fac13
```
#4fac13 rgb(79,172,19)
```
#4db40b
```
#4db40b rgb(77,180,11)
```
#4bbb04
```
#4bbb04 rgb(75,187,4)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6d7966 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968736 Protanopia 1% of men
#a58142 Deuteranopia 1% of men
#6e8b95 Tritanopia 0.001% of the population

Trichromacy

#7e8a34 Protanomaly 1% of men, 0.01% of women
#88863b Deuteranomaly 6% of men, 0.4% of women
#658c70 Tritanomaly 0.01% of the population

#558f30 hex color

#558f30 Color Information

#558f30 Color Conversion

Color Schemes with #558f30

Alternatives to #558f30

#558f30 Preview

Shades and Tints of #558f30

Tones of #558f30

Color Blindness Simulator