#558f0e hex color

In a RGB color space, hex #558f0e is composed of 33.3% red, 56.1% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 0% magenta, 90.2% yellow and 43.9% black. It has a hue angle of 87 degrees, a saturation of 82.2% and a lightness of 30.8%. #558f0e color hex could be obtained by blending #aaff1c with #001f00. Closest websafe color is: #669900.

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

● #558f0e color description : Dark green.

The hexadecimal color #558f0e has RGB values of R:85, G:143, B:14 and CMYK values of C:0.41, M:0, Y:0.9, K:0.44. Its decimal value is 5607182.

Hex triplet	558f0e	`#558f0e`
RGB Decimal	85, 143, 14	`rgb(85,143,14)`
RGB Percent	33.3, 56.1, 5.5	`rgb(33.3%,56.1%,5.5%)`
CMYK	41, 0, 90, 44
HSL	87°, 82.2, 30.8	`hsl(87,82.2%,30.8%)`
HSV (or HSB)	87°, 90.2, 56.1
Web Safe	669900	`#669900`

CIE-LAB	53.608, -38.209, 54.273
XYZ	13.648, 21.607, 3.867
xyY	0.349, 0.552, 21.607
CIE-LCH	53.608, 66.374, 125.146
CIE-LUV	53.608, -28.977, 61.537
Hunter-Lab	46.484, -28.938, 27.606
Binary	01010101, 10001111, 00001110

#558f0e
```
#558f0e rgb(85,143,14)
```
#480e8f
```
#480e8f rgb(72,14,143)
```

Complementary Color

#8f890e
```
#8f890e rgb(143,137,14)
```
#558f0e
```
#558f0e rgb(85,143,14)
```
#158f0e
```
#158f0e rgb(21,143,14)
```

Analogous Color

#890e8f
```
#890e8f rgb(137,14,143)
```
#558f0e
```
#558f0e rgb(85,143,14)
```
#0e158f
```
#0e158f rgb(14,21,143)
```

Split Complementary Color

#8f0e55
```
#8f0e55 rgb(143,14,85)
```
#558f0e
```
#558f0e rgb(85,143,14)
```
#0e558f
```
#0e558f rgb(14,85,143)
```

Triadic Color

#8f480e
```
#8f480e rgb(143,72,14)
```
#558f0e
```
#558f0e rgb(85,143,14)
```
#0e558f
```
#0e558f rgb(14,85,143)
```
#480e8f
```
#480e8f rgb(72,14,143)
```

Tetradic Color

#2c4907
```
#2c4907 rgb(44,73,7)
```
#396109
```
#396109 rgb(57,97,9)
```
#47780c
```
#47780c rgb(71,120,12)
```
#558f0e
```
#558f0e rgb(85,143,14)
```
#63a610
```
#63a610 rgb(99,166,16)
```
#71bd13
```
#71bd13 rgb(113,189,19)
```
#7ed515
```
#7ed515 rgb(126,213,21)
```

Monochromatic Color

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

#758f0e
```
#758f0e rgb(117,143,14)
```
#6b8f0e
```
#6b8f0e rgb(107,143,14)
```
#608f0e
```
#608f0e rgb(96,143,14)
```
#558f0e
```
#558f0e rgb(85,143,14)
```
#4a8f0e
```
#4a8f0e rgb(74,143,14)
```
#408f0e
```
#408f0e rgb(64,143,14)
```
#358f0e
```
#358f0e rgb(53,143,14)
```

Similar Colors

Text with hexadecimal color #558f0e

This text has a font color of #558f0e.

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

#558f0e background color

This paragraph has a background color of #558f0e.

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

#558f0e border color

This element has a border color of #558f0e.

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

CSS codes

.text {color:#558f0e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0b1202
```
#0b1202 rgb(11,18,2)
```
#152404
```
#152404 rgb(21,36,4)
```
#203605
```
#203605 rgb(32,54,5)
```
#2b4807
```
#2b4807 rgb(43,72,7)
```
#355909
```
#355909 rgb(53,89,9)
```
#406b0b
```
#406b0b rgb(64,107,11)
```
#4a7d0c
```
#4a7d0c rgb(74,125,12)
```
#558f0e
```
#558f0e rgb(85,143,14)
```
#60a110
```
#60a110 rgb(96,161,16)
```
#6ab311
```
#6ab311 rgb(106,179,17)
```
#75c513
```
#75c513 rgb(117,197,19)
```
#7fd615
```
#7fd615 rgb(127,214,21)
```

Shade Color Variation

#8ae817
```
#8ae817 rgb(138,232,23)
```
#93ea29
```
#93ea29 rgb(147,234,41)
```
#9cec3b
```
#9cec3b rgb(156,236,59)
```
#a5ee4c
```
#a5ee4c rgb(165,238,76)
```
#aeef5e
```
#aeef5e rgb(174,239,94)
```
#b7f170
```
#b7f170 rgb(183,241,112)
```
#c0f382
```
#c0f382 rgb(192,243,130)
```
#c9f594
```
#c9f594 rgb(201,245,148)
```
#d2f6a6
```
#d2f6a6 rgb(210,246,166)
```
#dbf8b8
```
#dbf8b8 rgb(219,248,184)
```
#e4fac9
```
#e4fac9 rgb(228,250,201)
```
#edfcdb
```
#edfcdb rgb(237,252,219)
```
#f6fded
```
#f6fded rgb(246,253,237)
```

Tint Color Variation

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

#4f534a
```
#4f534a rgb(79,83,74)
```
#505944
```
#505944 rgb(80,89,68)
```
#505f3e
```
#505f3e rgb(80,95,62)
```
#516538
```
#516538 rgb(81,101,56)
```
#516b32
```
#516b32 rgb(81,107,50)
```
#52712c
```
#52712c rgb(82,113,44)
```
#537726
```
#537726 rgb(83,119,38)
```
#537d20
```
#537d20 rgb(83,125,32)
```
#54831a
```
#54831a rgb(84,131,26)
```
#548914
```
#548914 rgb(84,137,20)
```
#558f0e
```
#558f0e rgb(85,143,14)
```
#569508
```
#569508 rgb(86,149,8)
```
#569b02
```
#569b02 rgb(86,155,2)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6a755c Atypical Achromatopsia 0.001% of the population

Dichromacy

#978616 Protanopia 1% of men
#a78029 Deuteranopia 1% of men
#6f8b95 Tritanopia 0.001% of the population

Trichromacy

#7f8913 Protanomaly 1% of men, 0.01% of women
#89851f Deuteranomaly 6% of men, 0.4% of women
#668c63 Tritanomaly 0.01% of the population

#558f0e hex color

#558f0e Color Information

#558f0e Color Conversion

Color Schemes with #558f0e

Alternatives to #558f0e

#558f0e Preview

Shades and Tints of #558f0e

Tones of #558f0e

Color Blindness Simulator