colorhexa.com

#558036 hex color

In a RGB color space, hex #558036 is composed of 33.3% red, 50.2% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 0% magenta, 57.8% yellow and 49.8% black. It has a hue angle of 94.9 degrees, a saturation of 40.7% and a lightness of 35.7%. #558036 color hex could be obtained by blending #aaff6c with #000100. Closest websafe color is: #669933.

- R 33
- G 50
- B 21
RGB color chart
- C 34
- M 0
- Y 58
- K 50
CMYK color chart

● #558036 color description : Dark moderate green.

The hexadecimal color #558036 has RGB values of R:85, G:128, B:54 and CMYK values of C:0.34, M:0, Y:0.58, K:0.5. Its decimal value is 5603382.

Hex triplet	558036	`#558036`
RGB Decimal	85, 128, 54	`rgb(85,128,54)`
RGB Percent	33.3, 50.2, 21.2	`rgb(33.3%,50.2%,21.2%)`
CMYK	34, 0, 58, 50
HSL	94.9°, 40.7, 35.7	`hsl(94.9,40.7%,35.7%)`
HSV (or HSB)	94.9°, 57.8, 50.2
Web Safe	669933	`#669933`

CIE-LAB	49.051, -28.65, 34.988
XYZ	12.131, 17.636, 6.255
xyY	0.337, 0.49, 17.636
CIE-LCH	49.051, 45.221, 129.313
CIE-LUV	49.051, -21.419, 43.946
Hunter-Lab	41.995, -21.928, 20.566
Binary	01010101, 10000000, 00110110

#558036
```
#558036 rgb(85,128,54)
```
#613680
```
#613680 rgb(97,54,128)
```

Complementary Color

#7a8036
```
#7a8036 rgb(122,128,54)
```
#558036
```
#558036 rgb(85,128,54)
```
#36803c
```
#36803c rgb(54,128,60)
```

Analogous Color

#80367a
```
#80367a rgb(128,54,122)
```
#558036
```
#558036 rgb(85,128,54)
```
#3c3680
```
#3c3680 rgb(60,54,128)
```

Split Complementary Color

#803655
```
#803655 rgb(128,54,85)
```
#558036
```
#558036 rgb(85,128,54)
```
#365580
```
#365580 rgb(54,85,128)
```

Triadic Color

#314a1f
```
#314a1f rgb(49,74,31)
```
#3d5c27
```
#3d5c27 rgb(61,92,39)
```
#496e2e
```
#496e2e rgb(73,110,46)
```
#558036
```
#558036 rgb(85,128,54)
```
#61923e
```
#61923e rgb(97,146,62)
```
#6da445
```
#6da445 rgb(109,164,69)
```
#79b44e
```
#79b44e rgb(121,180,78)
```

Monochromatic Color

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

#688036
```
#688036 rgb(104,128,54)
```
#618036
```
#618036 rgb(97,128,54)
```
#5b8036
```
#5b8036 rgb(91,128,54)
```
#558036
```
#558036 rgb(85,128,54)
```
#4f8036
```
#4f8036 rgb(79,128,54)
```
#498036
```
#498036 rgb(73,128,54)
```
#438036
```
#438036 rgb(67,128,54)
```

Similar Colors

Text with hexadecimal color #558036

This text has a font color of #558036.

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

#558036 background color

This paragraph has a background color of #558036.

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

#558036 border color

This element has a border color of #558036.

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

CSS codes

.text {color:#558036;}

.background {background-color:#558036;}

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

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

#030402
```
#030402 rgb(3,4,2)
```
#0c1207
```
#0c1207 rgb(12,18,7)
```
#151f0d
```
#151f0d rgb(21,31,13)
```
#1e2d13
```
#1e2d13 rgb(30,45,19)
```
#273b19
```
#273b19 rgb(39,59,25)
```
#30491f
```
#30491f rgb(48,73,31)
```
#3a5725
```
#3a5725 rgb(58,87,37)
```
#43642a
```
#43642a rgb(67,100,42)
```
#4c7230
```
#4c7230 rgb(76,114,48)
```
#558036
```
#558036 rgb(85,128,54)
```
#5e8e3c
```
#5e8e3c rgb(94,142,60)
```
#679c42
```
#679c42 rgb(103,156,66)
```
#70a947
```
#70a947 rgb(112,169,71)
```

Shade Color Variation

#7ab550
```
#7ab550 rgb(122,181,80)
```
#84bb5d
```
#84bb5d rgb(132,187,93)
```
#8fc16b
```
#8fc16b rgb(143,193,107)
```
#99c679
```
#99c679 rgb(153,198,121)
```
#a4cc87
```
#a4cc87 rgb(164,204,135)
```
#aed294
```
#aed294 rgb(174,210,148)
```
#b9d8a2
```
#b9d8a2 rgb(185,216,162)
```
#c3deb0
```
#c3deb0 rgb(195,222,176)
```
#cee4be
```
#cee4be rgb(206,228,190)
```
#d8e9cc
```
#d8e9cc rgb(216,233,204)
```
#e3efd9
```
#e3efd9 rgb(227,239,217)
```
#edf5e7
```
#edf5e7 rgb(237,245,231)
```
#f7fbf5
```
#f7fbf5 rgb(247,251,245)
```

Tint Color Variation

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

#5b5d59
```
#5b5d59 rgb(91,93,89)
```
#5a6452
```
#5a6452 rgb(90,100,82)
```
#586b4b
```
#586b4b rgb(88,107,75)
```
#577244
```
#577244 rgb(87,114,68)
```
#56793d
```
#56793d rgb(86,121,61)
```
#558036
```
#558036 rgb(85,128,54)
```
#54872f
```
#54872f rgb(84,135,47)
```
#538e28
```
#538e28 rgb(83,142,40)
```
#529521
```
#529521 rgb(82,149,33)
```
#509c1a
```
#509c1a rgb(80,156,26)
```
#4fa313
```
#4fa313 rgb(79,163,19)
```
#4eaa0c
```
#4eaa0c rgb(78,170,12)
```
#4db105
```
#4db105 rgb(77,177,5)
```

Tone Color Variation

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

Dichromacy

#887b3d Protanopia 1% of men
#967646 Deuteranopia 1% of men
#6a7e88 Tritanopia 0.001% of the population

Trichromacy

#757d3a Protanomaly 1% of men, 0.01% of women
#7e7940 Deuteranomaly 6% of men, 0.4% of women
#627f6a Tritanomaly 0.01% of the population