colorhexa.com

#558c0e hex color

In a RGB color space, hex #558c0e is composed of 33.3% red, 54.9% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 0% magenta, 90% yellow and 45.1% black. It has a hue angle of 86.2 degrees, a saturation of 81.8% and a lightness of 30.2%. #558c0e color hex could be obtained by blending #aaff1c with #001900. Closest websafe color is: #669900.

- R 33
- G 55
- B 5
RGB color chart
- C 39
- M 0
- Y 90
- K 45
CMYK color chart

● #558c0e color description : Dark green.

The hexadecimal color #558c0e has RGB values of R:85, G:140, B:14 and CMYK values of C:0.39, M:0, Y:0.9, K:0.45. Its decimal value is 5606414.

Hex triplet	558c0e	`#558c0e`
RGB Decimal	85, 140, 14	`rgb(85,140,14)`
RGB Percent	33.3, 54.9, 5.5	`rgb(33.3%,54.9%,5.5%)`
CMYK	39, 0, 90, 45
HSL	86.2°, 81.8, 30.2	`hsl(86.2,81.8%,30.2%)`
HSV (or HSB)	86.2°, 90, 54.9
Web Safe	669900	`#669900`

CIE-LAB	52.64, -36.911, 53.455
XYZ	13.203, 20.719, 3.719
xyY	0.351, 0.55, 20.719
CIE-LCH	52.64, 64.96, 124.626
CIE-LUV	52.64, -27.546, 60.256
Hunter-Lab	45.518, -27.878, 27.018
Binary	01010101, 10001100, 00001110

#558c0e
```
#558c0e rgb(85,140,14)
```
#450e8c
```
#450e8c rgb(69,14,140)
```

Complementary Color

#8c840e
```
#8c840e rgb(140,132,14)
```
#558c0e
```
#558c0e rgb(85,140,14)
```
#168c0e
```
#168c0e rgb(22,140,14)
```

Analogous Color

#840e8c
```
#840e8c rgb(132,14,140)
```
#558c0e
```
#558c0e rgb(85,140,14)
```
#0e168c
```
#0e168c rgb(14,22,140)
```

Split Complementary Color

#8c0e55
```
#8c0e55 rgb(140,14,85)
```
#558c0e
```
#558c0e rgb(85,140,14)
```
#0e558c
```
#0e558c rgb(14,85,140)
```

Triadic Color

#2b4607
```
#2b4607 rgb(43,70,7)
```
#395e09
```
#395e09 rgb(57,94,9)
```
#47750c
```
#47750c rgb(71,117,12)
```
#558c0e
```
#558c0e rgb(85,140,14)
```
#63a310
```
#63a310 rgb(99,163,16)
```
#71ba13
```
#71ba13 rgb(113,186,19)
```
#7fd215
```
#7fd215 rgb(127,210,21)
```

Monochromatic Color

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

#758c0e
```
#758c0e rgb(117,140,14)
```
#6a8c0e
```
#6a8c0e rgb(106,140,14)
```
#608c0e
```
#608c0e rgb(96,140,14)
```
#558c0e
```
#558c0e rgb(85,140,14)
```
#4b8c0e
```
#4b8c0e rgb(75,140,14)
```
#408c0e
```
#408c0e rgb(64,140,14)
```
#368c0e
```
#368c0e rgb(54,140,14)
```

Similar Colors

Text with hexadecimal color #558c0e

This text has a font color of #558c0e.

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

#558c0e background color

This paragraph has a background color of #558c0e.

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

#558c0e border color

This element has a border color of #558c0e.

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

CSS codes

.text {color:#558c0e;}

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

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

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, #090f02 is the darkest color, while #fefffc is the lightest one.

#090f02
```
#090f02 rgb(9,15,2)
```
#142103
```
#142103 rgb(20,33,3)
```
#1f3305
```
#1f3305 rgb(31,51,5)
```
#2a4507
```
#2a4507 rgb(42,69,7)
```
#355709
```
#355709 rgb(53,87,9)
```
#3f680a
```
#3f680a rgb(63,104,10)
```
#4a7a0c
```
#4a7a0c rgb(74,122,12)
```
#558c0e
```
#558c0e rgb(85,140,14)
```
#609e10
```
#609e10 rgb(96,158,16)
```
#6bb012
```
#6bb012 rgb(107,176,18)
```
#75c113
```
#75c113 rgb(117,193,19)
```
#80d315
```
#80d315 rgb(128,211,21)
```
#8be517
```
#8be517 rgb(139,229,23)
```

Shade Color Variation

#94e926
```
#94e926 rgb(148,233,38)
```
#9deb38
```
#9deb38 rgb(157,235,56)
```
#a6ed4a
```
#a6ed4a rgb(166,237,74)
```
#afef5c
```
#afef5c rgb(175,239,92)
```
#b7f06e
```
#b7f06e rgb(183,240,110)
```
#c0f280
```
#c0f280 rgb(192,242,128)
```
#c9f491
```
#c9f491 rgb(201,244,145)
```
#d2f6a3
```
#d2f6a3 rgb(210,246,163)
```
#dbf8b5
```
#dbf8b5 rgb(219,248,181)
```
#e3f9c7
```
#e3f9c7 rgb(227,249,199)
```
#ecfbd9
```
#ecfbd9 rgb(236,251,217)
```
#f5fdeb
```
#f5fdeb rgb(245,253,235)
```
#fefffc
```
#fefffc rgb(254,255,252)
```

Tint Color Variation

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

#4d5149
```
#4d5149 rgb(77,81,73)
```
#4e5743
```
#4e5743 rgb(78,87,67)
```
#4f5d3d
```
#4f5d3d rgb(79,93,61)
```
#506337
```
#506337 rgb(80,99,55)
```
#506832
```
#506832 rgb(80,104,50)
```
#516e2c
```
#516e2c rgb(81,110,44)
```
#527426
```
#527426 rgb(82,116,38)
```
#537a20
```
#537a20 rgb(83,122,32)
```
#53801a
```
#53801a rgb(83,128,26)
```
#548614
```
#548614 rgb(84,134,20)
```
#558c0e
```
#558c0e rgb(85,140,14)
```
#569208
```
#569208 rgb(86,146,8)
```
#579802
```
#579802 rgb(87,152,2)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#68735a Atypical Achromatopsia 0.001% of the population

Dichromacy

#948416 Protanopia 1% of men
#a47e29 Deuteranopia 1% of men
#6f8892 Tritanopia 0.001% of the population

Trichromacy

#7d8713 Protanomaly 1% of men, 0.01% of women
#87831f Deuteranomaly 6% of men, 0.4% of women
#658962 Tritanomaly 0.01% of the population