colorhexa.com

#558f14 hex color

In a RGB color space, hex #558f14 is composed of 33.3% red, 56.1% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 0% magenta, 86% yellow and 43.9% black. It has a hue angle of 88.3 degrees, a saturation of 75.5% and a lightness of 32%. #558f14 color hex could be obtained by blending #aaff28 with #001f00. Closest websafe color is: #669900.

- R 33
- G 56
- B 8
RGB color chart
- C 41
- M 0
- Y 86
- K 44
CMYK color chart

● #558f14 color description : Dark green.

The hexadecimal color #558f14 has RGB values of R:85, G:143, B:20 and CMYK values of C:0.41, M:0, Y:0.86, K:0.44. Its decimal value is 5607188.

Hex triplet	558f14	`#558f14`
RGB Decimal	85, 143, 20	`rgb(85,143,20)`
RGB Percent	33.3, 56.1, 7.8	`rgb(33.3%,56.1%,7.8%)`
CMYK	41, 0, 86, 44
HSL	88.3°, 75.5, 32	`hsl(88.3,75.5%,32%)`
HSV (or HSB)	88.3°, 86, 56.1
Web Safe	669900	`#669900`

CIE-LAB	53.628, -37.996, 52.934
XYZ	13.695, 21.626, 4.114
xyY	0.347, 0.548, 21.626
CIE-LCH	53.628, 65.159, 125.671
CIE-LUV	53.628, -28.947, 60.71
Hunter-Lab	46.504, -28.816, 27.307
Binary	01010101, 10001111, 00010100

#558f14
```
#558f14 rgb(85,143,20)
```
#4e148f
```
#4e148f rgb(78,20,143)
```

Complementary Color

#8f8c14
```
#8f8c14 rgb(143,140,20)
```
#558f14
```
#558f14 rgb(85,143,20)
```
#188f14
```
#188f14 rgb(24,143,20)
```

Analogous Color

#8c148f
```
#8c148f rgb(140,20,143)
```
#558f14
```
#558f14 rgb(85,143,20)
```
#14188f
```
#14188f rgb(20,24,143)
```

Split Complementary Color

#8f1455
```
#8f1455 rgb(143,20,85)
```
#558f14
```
#558f14 rgb(85,143,20)
```
#14558f
```
#14558f rgb(20,85,143)
```

Triadic Color

#2d4c0b
```
#2d4c0b rgb(45,76,11)
```
#3a620e
```
#3a620e rgb(58,98,14)
```
#487911
```
#487911 rgb(72,121,17)
```
#558f14
```
#558f14 rgb(85,143,20)
```
#62a517
```
#62a517 rgb(98,165,23)
```
#70bc1a
```
#70bc1a rgb(112,188,26)
```
#7dd21d
```
#7dd21d rgb(125,210,29)
```

Monochromatic Color

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

#748f14
```
#748f14 rgb(116,143,20)
```
#6a8f14
```
#6a8f14 rgb(106,143,20)
```
#5f8f14
```
#5f8f14 rgb(95,143,20)
```
#558f14
```
#558f14 rgb(85,143,20)
```
#4b8f14
```
#4b8f14 rgb(75,143,20)
```
#418f14
```
#418f14 rgb(65,143,20)
```
#368f14
```
#368f14 rgb(54,143,20)
```

Similar Colors

Text with hexadecimal color #558f14

This text has a font color of #558f14.

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

#558f14 background color

This paragraph has a background color of #558f14.

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

#558f14 border color

This element has a border color of #558f14.

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

CSS codes

.text {color:#558f14;}

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

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

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

#030501
```
#030501 rgb(3,5,1)
```
#0d1703
```
#0d1703 rgb(13,23,3)
```
#182806
```
#182806 rgb(24,40,6)
```
#223908
```
#223908 rgb(34,57,8)
```
#2c4a0a
```
#2c4a0a rgb(44,74,10)
```
#365b0d
```
#365b0d rgb(54,91,13)
```
#416d0f
```
#416d0f rgb(65,109,15)
```
#4b7e12
```
#4b7e12 rgb(75,126,18)
```
#558f14
```
#558f14 rgb(85,143,20)
```
#5fa016
```
#5fa016 rgb(95,160,22)
```
#69b119
```
#69b119 rgb(105,177,25)
```
#74c31b
```
#74c31b rgb(116,195,27)
```
#7ed41e
```
#7ed41e rgb(126,212,30)
```

Shade Color Variation

#88e025
```
#88e025 rgb(136,224,37)
```
#91e336
```
#91e336 rgb(145,227,54)
```
#9be547
```
#9be547 rgb(155,229,71)
```
#a4e858
```
#a4e858 rgb(164,232,88)
```
#adea69
```
#adea69 rgb(173,234,105)
```
#b7ec7b
```
#b7ec7b rgb(183,236,123)
```
#c0ef8c
```
#c0ef8c rgb(192,239,140)
```
#caf19d
```
#caf19d rgb(202,241,157)
```
#d3f4ae
```
#d3f4ae rgb(211,244,174)
```
#dcf6bf
```
#dcf6bf rgb(220,246,191)
```
#e6f9d1
```
#e6f9d1 rgb(230,249,209)
```
#effbe2
```
#effbe2 rgb(239,251,226)
```
#f9fdf3
```
#f9fdf3 rgb(249,253,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52574c is the less saturated color, while #56a201 is the most saturated one.

#52574c
```
#52574c rgb(82,87,76)
```
#525d46
```
#525d46 rgb(82,93,70)
```
#536340
```
#536340 rgb(83,99,64)
```
#53693a
```
#53693a rgb(83,105,58)
```
#537033
```
#537033 rgb(83,112,51)
```
#54762d
```
#54762d rgb(84,118,45)
```
#547c27
```
#547c27 rgb(84,124,39)
```
#548221
```
#548221 rgb(84,130,33)
```
#55891a
```
#55891a rgb(85,137,26)
```
#558f14
```
#558f14 rgb(85,143,20)
```
#55950e
```
#55950e rgb(85,149,14)
```
#569c07
```
#569c07 rgb(86,156,7)
```
#56a201
```
#56a201 rgb(86,162,1)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6b765e Atypical Achromatopsia 0.001% of the population

Dichromacy

#96871c Protanopia 1% of men
#a7802d Deuteranopia 1% of men
#6f8b95 Tritanopia 0.001% of the population

Trichromacy

#7e8919 Protanomaly 1% of men, 0.01% of women
#898524 Deuteranomaly 6% of men, 0.4% of women
#668c66 Tritanomaly 0.01% of the population