#558230 hex color

In a RGB color space, hex #558230 is composed of 33.3% red, 51% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 34.6% cyan, 0% magenta, 63.1% yellow and 49% black. It has a hue angle of 92.9 degrees, a saturation of 46.1% and a lightness of 34.9%. #558230 color hex could be obtained by blending #aaff60 with #000500. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 33
- G 51
- B 19
RGB color chart
- C 35
- M 0
- Y 63
- K 49
CMYK color chart

● #558230 color description : Dark moderate green.

The hexadecimal color #558230 has RGB values of R:85, G:130, B:48 and CMYK values of C:0.35, M:0, Y:0.63, K:0.49. Its decimal value is 5603888.

Hex triplet	558230	`#558230`
RGB Decimal	85, 130, 48	`rgb(85,130,48)`
RGB Percent	33.3, 51, 18.8	`rgb(33.3%,51%,18.8%)`
CMYK	35, 0, 63, 49
HSL	92.9°, 46.1, 34.9	`hsl(92.9,46.1%,34.9%)`
HSV (or HSB)	92.9°, 63.1, 51
Web Safe	669933	`#669933`

CIE-LAB	49.629, -30.236, 38.575
XYZ	12.262, 18.109, 5.646
xyY	0.34, 0.503, 18.109
CIE-LCH	49.629, 49.013, 128.091
CIE-LUV	49.629, -22.454, 47.375
Hunter-Lab	42.555, -23.038, 21.923
Binary	01010101, 10000010, 00110000

#558230
```
#558230 rgb(85,130,48)
```
#5d3082
```
#5d3082 rgb(93,48,130)
```

Complementary Color

#7e8230
```
#7e8230 rgb(126,130,48)
```
#558230
```
#558230 rgb(85,130,48)
```
#308234
```
#308234 rgb(48,130,52)
```

Analogous Color

#82307e
```
#82307e rgb(130,48,126)
```
#558230
```
#558230 rgb(85,130,48)
```
#343082
```
#343082 rgb(52,48,130)
```

Split Complementary Color

#823055
```
#823055 rgb(130,48,85)
```
#558230
```
#558230 rgb(85,130,48)
```
#305582
```
#305582 rgb(48,85,130)
```

Triadic Color

#825d30
```
#825d30 rgb(130,93,48)
```
#558230
```
#558230 rgb(85,130,48)
```
#305582
```
#305582 rgb(48,85,130)
```
#5d3082
```
#5d3082 rgb(93,48,130)
```

Tetradic Color

#304a1b
```
#304a1b rgb(48,74,27)
```
#3d5d22
```
#3d5d22 rgb(61,93,34)
```
#496f29
```
#496f29 rgb(73,111,41)
```
#558230
```
#558230 rgb(85,130,48)
```
#619537
```
#619537 rgb(97,149,55)
```
#6da73e
```
#6da73e rgb(109,167,62)
```
#7aba45
```
#7aba45 rgb(122,186,69)
```

Monochromatic Color

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

#6a8230
```
#6a8230 rgb(106,130,48)
```
#638230
```
#638230 rgb(99,130,48)
```
#5c8230
```
#5c8230 rgb(92,130,48)
```
#558230
```
#558230 rgb(85,130,48)
```
#4e8230
```
#4e8230 rgb(78,130,48)
```
#478230
```
#478230 rgb(71,130,48)
```
#418230
```
#418230 rgb(65,130,48)
```

Similar Colors

Text with hexadecimal color #558230

This text has a font color of #558230.

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

#558230 background color

This paragraph has a background color of #558230.

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

#558230 border color

This element has a border color of #558230.

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

CSS codes

.text {color:#558230;}

.background {background-color:#558230;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0a0f06
```
#0a0f06 rgb(10,15,6)
```
#131e0b
```
#131e0b rgb(19,30,11)
```
#1d2c10
```
#1d2c10 rgb(29,44,16)
```
#263a16
```
#263a16 rgb(38,58,22)
```
#30491b
```
#30491b rgb(48,73,27)
```
#395720
```
#395720 rgb(57,87,32)
```
#426525
```
#426525 rgb(66,101,37)
```
#4c742b
```
#4c742b rgb(76,116,43)
```
#558230
```
#558230 rgb(85,130,48)
```
#5e9035
```
#5e9035 rgb(94,144,53)
```
#689f3b
```
#689f3b rgb(104,159,59)
```
#71ad40
```
#71ad40 rgb(113,173,64)
```

Shade Color Variation

#7bbb46
```
#7bbb46 rgb(123,187,70)
```
#85c054
```
#85c054 rgb(133,192,84)
```
#8fc562
```
#8fc562 rgb(143,197,98)
```
#99ca71
```
#99ca71 rgb(153,202,113)
```
#a4d07f
```
#a4d07f rgb(164,208,127)
```
#aed58d
```
#aed58d rgb(174,213,141)
```
#b8da9c
```
#b8da9c rgb(184,218,156)
```
#c2e0aa
```
#c2e0aa rgb(194,224,170)
```
#cde5b8
```
#cde5b8 rgb(205,229,184)
```
#d7eac7
```
#d7eac7 rgb(215,234,199)
```
#e1f0d5
```
#e1f0d5 rgb(225,240,213)
```
#ebf5e3
```
#ebf5e3 rgb(235,245,227)
```
#f6faf2
```
#f6faf2 rgb(246,250,242)
```

Tint Color Variation

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

#586052
```
#586052 rgb(88,96,82)
```
#58674b
```
#58674b rgb(88,103,75)
```
#576d45
```
#576d45 rgb(87,109,69)
```
#56743e
```
#56743e rgb(86,116,62)
```
#567b37
```
#567b37 rgb(86,123,55)
```
#558230
```
#558230 rgb(85,130,48)
```
#548929
```
#548929 rgb(84,137,41)
```
#549022
```
#549022 rgb(84,144,34)
```
#53971b
```
#53971b rgb(83,151,27)
```
#529d15
```
#529d15 rgb(82,157,21)
```
#52a40e
```
#52a40e rgb(82,164,14)
```
#51ab07
```
#51ab07 rgb(81,171,7)
```
#50b200
```
#50b200 rgb(80,178,0)
```

Tone Color Variation

Below, you can see how #558230 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
#67705f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7d37 Protanopia 1% of men
#987741 Deuteranopia 1% of men
#6b8089 Tritanopia 0.001% of the population

Trichromacy

#777f34 Protanomaly 1% of men, 0.01% of women
#807b3b Deuteranomaly 6% of men, 0.4% of women
#638169 Tritanomaly 0.01% of the population

#558230 hex color

#558230 Color Information

#558230 Color Conversion

Color Schemes with #558230

Alternatives to #558230

#558230 Preview

Shades and Tints of #558230

Tones of #558230

Color Blindness Simulator