#558b0f hex color

In a RGB color space, hex #558b0f is composed of 33.3% red, 54.5% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 0% magenta, 89.2% yellow and 45.5% black. It has a hue angle of 86.1 degrees, a saturation of 80.5% and a lightness of 30.2%. #558b0f color hex could be obtained by blending #aaff1e with #001700. Closest websafe color is: #669900.

♥
- f
- t
- g
- R 33
- G 55
- B 6
RGB color chart
- C 39
- M 0
- Y 89
- K 45
CMYK color chart

● #558b0f color description : Dark green.

The hexadecimal color #558b0f has RGB values of R:85, G:139, B:15 and CMYK values of C:0.39, M:0, Y:0.89, K:0.45. Its decimal value is 5606159.

Hex triplet	558b0f	`#558b0f`
RGB Decimal	85, 139, 15	`rgb(85,139,15)`
RGB Percent	33.3, 54.5, 5.9	`rgb(33.3%,54.5%,5.9%)`
CMYK	39, 0, 89, 45
HSL	86.1°, 80.5, 30.2	`hsl(86.1,80.5%,30.2%)`
HSV (or HSB)	86.1°, 89.2, 54.5
Web Safe	669900	`#669900`

CIE-LAB	52.32, -36.442, 52.973
XYZ	13.065, 20.43, 3.707
xyY	0.351, 0.549, 20.43
CIE-LCH	52.32, 64.297, 124.526
CIE-LUV	52.32, -27.061, 59.701
Hunter-Lab	45.2, -27.506, 26.777
Binary	01010101, 10001011, 00001111

#558b0f
```
#558b0f rgb(85,139,15)
```
#450f8b
```
#450f8b rgb(69,15,139)
```

Complementary Color

#8b830f
```
#8b830f rgb(139,131,15)
```
#558b0f
```
#558b0f rgb(85,139,15)
```
#178b0f
```
#178b0f rgb(23,139,15)
```

Analogous Color

#830f8b
```
#830f8b rgb(131,15,139)
```
#558b0f
```
#558b0f rgb(85,139,15)
```
#0f178b
```
#0f178b rgb(15,23,139)
```

Split Complementary Color

#8b0f55
```
#8b0f55 rgb(139,15,85)
```
#558b0f
```
#558b0f rgb(85,139,15)
```
#0f558b
```
#0f558b rgb(15,85,139)
```

Triadic Color

#8b450f
```
#8b450f rgb(139,69,15)
```
#558b0f
```
#558b0f rgb(85,139,15)
```
#0f558b
```
#0f558b rgb(15,85,139)
```
#450f8b
```
#450f8b rgb(69,15,139)
```

Tetradic Color

#2b4608
```
#2b4608 rgb(43,70,8)
```
#395d0a
```
#395d0a rgb(57,93,10)
```
#47740d
```
#47740d rgb(71,116,13)
```
#558b0f
```
#558b0f rgb(85,139,15)
```
#63a211
```
#63a211 rgb(99,162,17)
```
#71b914
```
#71b914 rgb(113,185,20)
```
#7fd016
```
#7fd016 rgb(127,208,22)
```

Monochromatic Color

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

#748b0f
```
#748b0f rgb(116,139,15)
```
#6a8b0f
```
#6a8b0f rgb(106,139,15)
```
#5f8b0f
```
#5f8b0f rgb(95,139,15)
```
#558b0f
```
#558b0f rgb(85,139,15)
```
#4b8b0f
```
#4b8b0f rgb(75,139,15)
```
#408b0f
```
#408b0f rgb(64,139,15)
```
#368b0f
```
#368b0f rgb(54,139,15)
```

Similar Colors

Text with hexadecimal color #558b0f

This text has a font color of #558b0f.

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

#558b0f background color

This paragraph has a background color of #558b0f.

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

#558b0f border color

This element has a border color of #558b0f.

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

CSS codes

.text {color:#558b0f;}

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

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

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)
```
#142104
```
#142104 rgb(20,33,4)
```
#1f3205
```
#1f3205 rgb(31,50,5)
```
#2a4407
```
#2a4407 rgb(42,68,7)
```
#355609
```
#355609 rgb(53,86,9)
```
#3f680b
```
#3f680b rgb(63,104,11)
```
#4a790d
```
#4a790d rgb(74,121,13)
```
#558b0f
```
#558b0f rgb(85,139,15)
```
#609d11
```
#609d11 rgb(96,157,17)
```
#6bae13
```
#6bae13 rgb(107,174,19)
```
#75c015
```
#75c015 rgb(117,192,21)
```
#80d217
```
#80d217 rgb(128,210,23)
```
#8be419
```
#8be419 rgb(139,228,25)
```

Shade Color Variation

#94e828
```
#94e828 rgb(148,232,40)
```
#9dea3a
```
#9dea3a rgb(157,234,58)
```
#a6ec4b
```
#a6ec4b rgb(166,236,75)
```
#afee5d
```
#afee5d rgb(175,238,93)
```
#b7ef6f
```
#b7ef6f rgb(183,239,111)
```
#c0f180
```
#c0f180 rgb(192,241,128)
```
#c9f392
```
#c9f392 rgb(201,243,146)
```
#d2f5a4
```
#d2f5a4 rgb(210,245,164)
```
#dbf7b6
```
#dbf7b6 rgb(219,247,182)
```
#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, #4d504a is the less saturated color, while #579703 is the most saturated one.

#4d504a
```
#4d504a rgb(77,80,74)
```
#4e5644
```
#4e5644 rgb(78,86,68)
```
#4f5c3e
```
#4f5c3e rgb(79,92,62)
```
#506238
```
#506238 rgb(80,98,56)
```
#506733
```
#506733 rgb(80,103,51)
```
#516d2d
```
#516d2d rgb(81,109,45)
```
#527327
```
#527327 rgb(82,115,39)
```
#537921
```
#537921 rgb(83,121,33)
```
#537f1b
```
#537f1b rgb(83,127,27)
```
#548515
```
#548515 rgb(84,133,21)
```
#558b0f
```
#558b0f rgb(85,139,15)
```
#569109
```
#569109 rgb(86,145,9)
```
#579703
```
#579703 rgb(87,151,3)
```

Tone Color Variation

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

#938317 Protanopia 1% of men
#a37d29 Deuteranopia 1% of men
#6e8791 Tritanopia 0.001% of the population

Trichromacy

#7c8614 Protanomaly 1% of men, 0.01% of women
#86821f Deuteranomaly 6% of men, 0.4% of women
#658861 Tritanomaly 0.01% of the population

#558b0f hex color

#558b0f Color Information

#558b0f Color Conversion

Color Schemes with #558b0f

Alternatives to #558b0f

#558b0f Preview

Shades and Tints of #558b0f

Tones of #558b0f

Color Blindness Simulator