colorhexa.com

#558238 hex color

In a RGB color space, hex #558238 is composed of 33.3% red, 51% green and 22% blue. Whereas in a CMYK color space, it is composed of 34.6% cyan, 0% magenta, 56.9% yellow and 49% black. It has a hue angle of 96.5 degrees, a saturation of 39.8% and a lightness of 36.5%. #558238 color hex could be obtained by blending #aaff70 with #000500. Closest websafe color is: #669933.

- R 33
- G 51
- B 22
RGB color chart
- C 35
- M 0
- Y 57
- K 49
CMYK color chart

● #558238 color description : Dark moderate green.

The hexadecimal color #558238 has RGB values of R:85, G:130, B:56 and CMYK values of C:0.35, M:0, Y:0.57, K:0.49. Its decimal value is 5603896.

Hex triplet	558238	`#558238`
RGB Decimal	85, 130, 56	`rgb(85,130,56)`
RGB Percent	33.3, 51, 22	`rgb(33.3%,51%,22%)`
CMYK	35, 0, 57, 49
HSL	96.5°, 39.8, 36.5	`hsl(96.5,39.8%,36.5%)`
HSV (or HSB)	96.5°, 56.9, 51
Web Safe	669933	`#669933`

CIE-LAB	49.716, -29.379, 34.759
XYZ	12.442, 18.182, 6.595
xyY	0.334, 0.489, 18.182
CIE-LCH	49.716, 45.511, 130.206
CIE-LUV	49.716, -22.385, 44.114
Hunter-Lab	42.64, -22.533, 20.678
Binary	01010101, 10000010, 00111000

#558238
```
#558238 rgb(85,130,56)
```
#653882
```
#653882 rgb(101,56,130)
```

Complementary Color

#7a8238
```
#7a8238 rgb(122,130,56)
```
#558238
```
#558238 rgb(85,130,56)
```
#388240
```
#388240 rgb(56,130,64)
```

Analogous Color

#82387a
```
#82387a rgb(130,56,122)
```
#558238
```
#558238 rgb(85,130,56)
```
#403882
```
#403882 rgb(64,56,130)
```

Split Complementary Color

#823855
```
#823855 rgb(130,56,85)
```
#558238
```
#558238 rgb(85,130,56)
```
#385582
```
#385582 rgb(56,85,130)
```

Triadic Color

#826538
```
#826538 rgb(130,101,56)
```
#558238
```
#558238 rgb(85,130,56)
```
#385582
```
#385582 rgb(56,85,130)
```
#653882
```
#653882 rgb(101,56,130)
```

Tetradic Color

#324d21
```
#324d21 rgb(50,77,33)
```
#3e5e29
```
#3e5e29 rgb(62,94,41)
```
#497030
```
#497030 rgb(73,112,48)
```
#558238
```
#558238 rgb(85,130,56)
```
#619440
```
#619440 rgb(97,148,64)
```
#6ca647
```
#6ca647 rgb(108,166,71)
```
#79b452
```
#79b452 rgb(121,180,82)
```

Monochromatic Color

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

#688238
```
#688238 rgb(104,130,56)
```
#618238
```
#618238 rgb(97,130,56)
```
#5b8238
```
#5b8238 rgb(91,130,56)
```
#558238
```
#558238 rgb(85,130,56)
```
#4f8238
```
#4f8238 rgb(79,130,56)
```
#498238
```
#498238 rgb(73,130,56)
```
#428238
```
#428238 rgb(66,130,56)
```

Similar Colors

Text with hexadecimal color #558238

This text has a font color of #558238.

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

#558238 background color

This paragraph has a background color of #558238.

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

#558238 border color

This element has a border color of #558238.

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

CSS codes

.text {color:#558238;}

.background {background-color:#558238;}

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

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

#040703
```
#040703 rgb(4,7,3)
```
#0d1409
```
#0d1409 rgb(13,20,9)
```
#16220f
```
#16220f rgb(22,34,15)
```
#1f3015
```
#1f3015 rgb(31,48,21)
```
#283d1a
```
#283d1a rgb(40,61,26)
```
#314b20
```
#314b20 rgb(49,75,32)
```
#3a5926
```
#3a5926 rgb(58,89,38)
```
#43672c
```
#43672c rgb(67,103,44)
```
#4c7432
```
#4c7432 rgb(76,116,50)
```
#558238
```
#558238 rgb(85,130,56)
```
#5e903e
```
#5e903e rgb(94,144,62)
```
#679d44
```
#679d44 rgb(103,157,68)
```
#70ab4a
```
#70ab4a rgb(112,171,74)
```

Shade Color Variation

#7ab553
```
#7ab553 rgb(122,181,83)
```
#84bb61
```
#84bb61 rgb(132,187,97)
```
#8fc16f
```
#8fc16f rgb(143,193,111)
```
#9ac77d
```
#9ac77d rgb(154,199,125)
```
#a4cd8a
```
#a4cd8a rgb(164,205,138)
```
#afd398
```
#afd398 rgb(175,211,152)
```
#bad9a6
```
#bad9a6 rgb(186,217,166)
```
#c4deb3
```
#c4deb3 rgb(196,222,179)
```
#cfe4c1
```
#cfe4c1 rgb(207,228,193)
```
#daeacf
```
#daeacf rgb(218,234,207)
```
#e4f0dc
```
#e4f0dc rgb(228,240,220)
```
#eff6ea
```
#eff6ea rgb(239,246,234)
```
#f9fcf8
```
#f9fcf8 rgb(249,252,248)
```

Tint Color Variation

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

#5d5e5c
```
#5d5e5c rgb(93,94,92)
```
#5b6555
```
#5b6555 rgb(91,101,85)
```
#5a6d4d
```
#5a6d4d rgb(90,109,77)
```
#587446
```
#587446 rgb(88,116,70)
```
#577b3f
```
#577b3f rgb(87,123,63)
```
#558238
```
#558238 rgb(85,130,56)
```
#538931
```
#538931 rgb(83,137,49)
```
#52902a
```
#52902a rgb(82,144,42)
```
#509723
```
#509723 rgb(80,151,35)
```
#4f9f1b
```
#4f9f1b rgb(79,159,27)
```
#4da614
```
#4da614 rgb(77,166,20)
```
#4cad0d
```
#4cad0d rgb(76,173,13)
```
#4ab406
```
#4ab406 rgb(74,180,6)
```

Tone Color Variation

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

Dichromacy

#8a7d3e Protanopia 1% of men
#977748 Deuteranopia 1% of men
#6a808a Tritanopia 0.001% of the population

Trichromacy

#767f3c Protanomaly 1% of men, 0.01% of women
#7f7b42 Deuteranomaly 6% of men, 0.4% of women
#62816c Tritanomaly 0.01% of the population