#558214 hex color

In a RGB color space, hex #558214 is composed of 33.3% red, 51% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 34.6% cyan, 0% magenta, 84.6% yellow and 49% black. It has a hue angle of 84.5 degrees, a saturation of 73.3% and a lightness of 29.4%. #558214 color hex could be obtained by blending #aaff28 with #000500. Closest websafe color is: #669900.

♥
- f
- t
- g
- R 33
- G 51
- B 8
RGB color chart
- C 35
- M 0
- Y 85
- K 49
CMYK color chart

● #558214 color description : Dark green.

The hexadecimal color #558214 has RGB values of R:85, G:130, B:20 and CMYK values of C:0.35, M:0, Y:0.85, K:0.49. Its decimal value is 5603860.

Hex triplet	558214	`#558214`
RGB Decimal	85, 130, 20	`rgb(85,130,20)`
RGB Percent	33.3, 51, 7.8	`rgb(33.3%,51%,7.8%)`
CMYK	35, 0, 85, 49
HSL	84.5°, 73.3, 29.4	`hsl(84.5,73.3%,29.4%)`
HSV (or HSB)	84.5°, 84.6, 51
Web Safe	669900	`#669900`

CIE-LAB	49.431, -32.214, 49.214
XYZ	11.855, 17.947, 3.501
xyY	0.356, 0.539, 17.947
CIE-LCH	49.431, 58.819, 123.207
CIE-LUV	49.431, -22.618, 55.04
Hunter-Lab	42.363, -24.185, 24.754
Binary	01010101, 10000010, 00010100

#558214
```
#558214 rgb(85,130,20)
```
#411482
```
#411482 rgb(65,20,130)
```

Complementary Color

#827814
```
#827814 rgb(130,120,20)
```
#558214
```
#558214 rgb(85,130,20)
```
#1e8214
```
#1e8214 rgb(30,130,20)
```

Analogous Color

#781482
```
#781482 rgb(120,20,130)
```
#558214
```
#558214 rgb(85,130,20)
```
#141e82
```
#141e82 rgb(20,30,130)
```

Split Complementary Color

#821455
```
#821455 rgb(130,20,85)
```
#558214
```
#558214 rgb(85,130,20)
```
#145582
```
#145582 rgb(20,85,130)
```

Triadic Color

#824114
```
#824114 rgb(130,65,20)
```
#558214
```
#558214 rgb(85,130,20)
```
#145582
```
#145582 rgb(20,85,130)
```
#411482
```
#411482 rgb(65,20,130)
```

Tetradic Color

#2a400a
```
#2a400a rgb(42,64,10)
```
#38560d
```
#38560d rgb(56,86,13)
```
#476c11
```
#476c11 rgb(71,108,17)
```
#558214
```
#558214 rgb(85,130,20)
```
#639817
```
#639817 rgb(99,152,23)
```
#72ae1b
```
#72ae1b rgb(114,174,27)
```
#80c41e
```
#80c41e rgb(128,196,30)
```

Monochromatic Color

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

#718214
```
#718214 rgb(113,130,20)
```
#678214
```
#678214 rgb(103,130,20)
```
#5e8214
```
#5e8214 rgb(94,130,20)
```
#558214
```
#558214 rgb(85,130,20)
```
#4c8214
```
#4c8214 rgb(76,130,20)
```
#438214
```
#438214 rgb(67,130,20)
```
#398214
```
#398214 rgb(57,130,20)
```

Similar Colors

Text with hexadecimal color #558214

This text has a font color of #558214.

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

#558214 background color

This paragraph has a background color of #558214.

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

#558214 border color

This element has a border color of #558214.

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

CSS codes

.text {color:#558214;}

.background {background-color:#558214;}

.border {border:1px solid #558214;}

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, #070b02 is the darkest color, while #fcfef9 is the lightest one.

#070b02
```
#070b02 rgb(7,11,2)
```
#121c04
```
#121c04 rgb(18,28,4)
```
#1d2d07
```
#1d2d07 rgb(29,45,7)
```
#293e0a
```
#293e0a rgb(41,62,10)
```
#344f0c
```
#344f0c rgb(52,79,12)
```
#3f600f
```
#3f600f rgb(63,96,15)
```
#4a7111
```
#4a7111 rgb(74,113,17)
```
#558214
```
#558214 rgb(85,130,20)
```
#609317
```
#609317 rgb(96,147,23)
```
#6ba419
```
#6ba419 rgb(107,164,25)
```
#76b51c
```
#76b51c rgb(118,181,28)
```
#81c61e
```
#81c61e rgb(129,198,30)
```
#8dd721
```
#8dd721 rgb(141,215,33)
```

Shade Color Variation

#96df2d
```
#96df2d rgb(150,223,45)
```
#9fe13e
```
#9fe13e rgb(159,225,62)
```
#a7e44f
```
#a7e44f rgb(167,228,79)
```
#b0e760
```
#b0e760 rgb(176,231,96)
```
#b8e971
```
#b8e971 rgb(184,233,113)
```
#c1ec82
```
#c1ec82 rgb(193,236,130)
```
#c9ee93
```
#c9ee93 rgb(201,238,147)
```
#d2f1a4
```
#d2f1a4 rgb(210,241,164)
```
#daf4b5
```
#daf4b5 rgb(218,244,181)
```
#e3f6c6
```
#e3f6c6 rgb(227,246,198)
```
#ebf9d7
```
#ebf9d7 rgb(235,249,215)
```
#f4fbe8
```
#f4fbe8 rgb(244,251,232)
```
#fcfef9
```
#fcfef9 rgb(252,254,249)
```

Tint Color Variation

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

#4c4e48
```
#4c4e48 rgb(76,78,72)
```
#4d5442
```
#4d5442 rgb(77,84,66)
```
#4e5a3c
```
#4e5a3c rgb(78,90,60)
```
#4f5f37
```
#4f5f37 rgb(79,95,55)
```
#506531
```
#506531 rgb(80,101,49)
```
#516b2b
```
#516b2b rgb(81,107,43)
```
#527125
```
#527125 rgb(82,113,37)
```
#537620
```
#537620 rgb(83,118,32)
```
#547c1a
```
#547c1a rgb(84,124,26)
```
#558214
```
#558214 rgb(85,130,20)
```
#56880e
```
#56880e rgb(86,136,14)
```
#578e08
```
#578e08 rgb(87,142,8)
```
#589303
```
#589303 rgb(88,147,3)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#646d57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7c1d Protanopia 1% of men
#9a762a Deuteranopia 1% of men
#6c7f88 Tritanopia 0.001% of the population

Trichromacy

#777e19 Protanomaly 1% of men, 0.01% of women
#817a22 Deuteranomaly 6% of men, 0.4% of women
#64805e Tritanomaly 0.01% of the population

#558214 hex color

#558214 Color Information

#558214 Color Conversion

Color Schemes with #558214

Alternatives to #558214

#558214 Preview

Shades and Tints of #558214

Tones of #558214

Color Blindness Simulator