colorhexa.com

#558d14 hex color

In a RGB color space, hex #558d14 is composed of 33.3% red, 55.3% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 39.7% cyan, 0% magenta, 85.8% yellow and 44.7% black. It has a hue angle of 87.8 degrees, a saturation of 75.2% and a lightness of 31.6%. #558d14 color hex could be obtained by blending #aaff28 with #001b00. Closest websafe color is: #669900.

- R 33
- G 55
- B 8
RGB color chart
- C 40
- M 0
- Y 86
- K 45
CMYK color chart

● #558d14 color description : Dark green.

The hexadecimal color #558d14 has RGB values of R:85, G:141, B:20 and CMYK values of C:0.4, M:0, Y:0.86, K:0.45. Its decimal value is 5606676.

Hex triplet	558d14	`#558d14`
RGB Decimal	85, 141, 20	`rgb(85,141,20)`
RGB Percent	33.3, 55.3, 7.8	`rgb(33.3%,55.3%,7.8%)`
CMYK	40, 0, 86, 45
HSL	87.8°, 75.2, 31.6	`hsl(87.8,75.2%,31.6%)`
HSV (or HSB)	87.8°, 85.8, 55.3
Web Safe	669900	`#669900`

CIE-LAB	52.983, -37.13, 52.366
XYZ	13.397, 21.031, 4.015
xyY	0.348, 0.547, 21.031
CIE-LCH	52.983, 64.194, 125.338
CIE-LUV	52.983, -27.996, 59.844
Hunter-Lab	45.859, -28.108, 26.91
Binary	01010101, 10001101, 00010100

#558d14
```
#558d14 rgb(85,141,20)
```
#4c148d
```
#4c148d rgb(76,20,141)
```

Complementary Color

#8d8914
```
#8d8914 rgb(141,137,20)
```
#558d14
```
#558d14 rgb(85,141,20)
```
#198d14
```
#198d14 rgb(25,141,20)
```

Analogous Color

#89148d
```
#89148d rgb(137,20,141)
```
#558d14
```
#558d14 rgb(85,141,20)
```
#14198d
```
#14198d rgb(20,25,141)
```

Split Complementary Color

#8d1455
```
#8d1455 rgb(141,20,85)
```
#558d14
```
#558d14 rgb(85,141,20)
```
#14558d
```
#14558d rgb(20,85,141)
```

Triadic Color

#2d4a0a
```
#2d4a0a rgb(45,74,10)
```
#3a600e
```
#3a600e rgb(58,96,14)
```
#487711
```
#487711 rgb(72,119,17)
```
#558d14
```
#558d14 rgb(85,141,20)
```
#62a317
```
#62a317 rgb(98,163,23)
```
#70ba1a
```
#70ba1a rgb(112,186,26)
```
#7dd01e
```
#7dd01e rgb(125,208,30)
```

Monochromatic Color

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

#738d14
```
#738d14 rgb(115,141,20)
```
#698d14
```
#698d14 rgb(105,141,20)
```
#5f8d14
```
#5f8d14 rgb(95,141,20)
```
#558d14
```
#558d14 rgb(85,141,20)
```
#4b8d14
```
#4b8d14 rgb(75,141,20)
```
#418d14
```
#418d14 rgb(65,141,20)
```
#378d14
```
#378d14 rgb(55,141,20)
```

Similar Colors

Text with hexadecimal color #558d14

This text has a font color of #558d14.

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

#558d14 background color

This paragraph has a background color of #558d14.

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

#558d14 border color

This element has a border color of #558d14.

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

CSS codes

.text {color:#558d14;}

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

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

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

#020401
```
#020401 rgb(2,4,1)
```
#0d1503
```
#0d1503 rgb(13,21,3)
```
#172605
```
#172605 rgb(23,38,5)
```
#213708
```
#213708 rgb(33,55,8)
```
#2c480a
```
#2c480a rgb(44,72,10)
```
#36590d
```
#36590d rgb(54,89,13)
```
#406b0f
```
#406b0f rgb(64,107,15)
```
#4b7c12
```
#4b7c12 rgb(75,124,18)
```
#558d14
```
#558d14 rgb(85,141,20)
```
#5f9e16
```
#5f9e16 rgb(95,158,22)
```
#6aaf19
```
#6aaf19 rgb(106,175,25)
```
#74c11b
```
#74c11b rgb(116,193,27)
```
#7ed21e
```
#7ed21e rgb(126,210,30)
```

Shade Color Variation

#89e023
```
#89e023 rgb(137,224,35)
```
#92e234
```
#92e234 rgb(146,226,52)
```
#9be546
```
#9be546 rgb(155,229,70)
```
#a4e757
```
#a4e757 rgb(164,231,87)
```
#aeea68
```
#aeea68 rgb(174,234,104)
```
#b7ec79
```
#b7ec79 rgb(183,236,121)
```
#c0ee8a
```
#c0ee8a rgb(192,238,138)
```
#c9f19b
```
#c9f19b rgb(201,241,155)
```
#d3f3ad
```
#d3f3ad rgb(211,243,173)
```
#dcf6be
```
#dcf6be rgb(220,246,190)
```
#e5f8cf
```
#e5f8cf rgb(229,248,207)
```
#eefbe0
```
#eefbe0 rgb(238,251,224)
```
#f8fdf1
```
#f8fdf1 rgb(248,253,241)
```

Tint Color Variation

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

#51554c
```
#51554c rgb(81,85,76)
```
#515b46
```
#515b46 rgb(81,91,70)
```
#52623f
```
#52623f rgb(82,98,63)
```
#526839
```
#526839 rgb(82,104,57)
```
#536e33
```
#536e33 rgb(83,110,51)
```
#53742d
```
#53742d rgb(83,116,45)
```
#547a27
```
#547a27 rgb(84,122,39)
```
#548120
```
#548120 rgb(84,129,32)
```
#55871a
```
#55871a rgb(85,135,26)
```
#558d14
```
#558d14 rgb(85,141,20)
```
#55930e
```
#55930e rgb(85,147,14)
```
#569908
```
#569908 rgb(86,153,8)
```
#56a001
```
#56a001 rgb(86,160,1)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#69745c Atypical Achromatopsia 0.001% of the population

Dichromacy

#95851c Protanopia 1% of men
#a57e2c Deuteranopia 1% of men
#6f8993 Tritanopia 0.001% of the population

Trichromacy

#7d8819 Protanomaly 1% of men, 0.01% of women
#888423 Deuteranomaly 6% of men, 0.4% of women
#658a64 Tritanomaly 0.01% of the population