#557916 hex color

In a RGB color space, hex #557916 is composed of 33.3% red, 47.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 0% magenta, 81.8% yellow and 52.5% black. It has a hue angle of 81.8 degrees, a saturation of 69.2% and a lightness of 28%. #557916 color hex could be obtained by blending #aaf22c with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 33
- G 47
- B 9
RGB color chart
- C 30
- M 0
- Y 82
- K 53
CMYK color chart

● #557916 color description : Dark green.

The hexadecimal color #557916 has RGB values of R:85, G:121, B:22 and CMYK values of C:0.3, M:0, Y:0.82, K:0.53. Its decimal value is 5601558.

Hex triplet	557916	`#557916`
RGB Decimal	85, 121, 22	`rgb(85,121,22)`
RGB Percent	33.3, 47.5, 8.6	`rgb(33.3%,47.5%,8.6%)`
CMYK	30, 0, 82, 53
HSL	81.8°, 69.2, 28	`hsl(81.8,69.2%,28%)`
HSV (or HSB)	81.8°, 81.8, 47.5
Web Safe	666600	`#666600`

CIE-LAB	46.53, -27.887, 45.98
XYZ	10.728, 15.664, 3.217
xyY	0.362, 0.529, 15.664
CIE-LCH	46.53, 53.776, 121.237
CIE-LUV	46.53, -18.01, 50.674
Hunter-Lab	39.577, -20.874, 22.885
Binary	01010101, 01111001, 00010110

#557916
```
#557916 rgb(85,121,22)
```
#3a1679
```
#3a1679 rgb(58,22,121)
```

Complementary Color

#796c16
```
#796c16 rgb(121,108,22)
```
#557916
```
#557916 rgb(85,121,22)
```
#237916
```
#237916 rgb(35,121,22)
```

Analogous Color

#6c1679
```
#6c1679 rgb(108,22,121)
```
#557916
```
#557916 rgb(85,121,22)
```
#162479
```
#162479 rgb(22,36,121)
```

Split Complementary Color

#791655
```
#791655 rgb(121,22,85)
```
#557916
```
#557916 rgb(85,121,22)
```
#165579
```
#165579 rgb(22,85,121)
```

Triadic Color

#793a16
```
#793a16 rgb(121,58,22)
```
#557916
```
#557916 rgb(85,121,22)
```
#165579
```
#165579 rgb(22,85,121)
```
#3a1679
```
#3a1679 rgb(58,22,121)
```

Tetradic Color

#28380a
```
#28380a rgb(40,56,10)
```
#374e0e
```
#374e0e rgb(55,78,14)
```
#466312
```
#466312 rgb(70,99,18)
```
#557916
```
#557916 rgb(85,121,22)
```
#648f1a
```
#648f1a rgb(100,143,26)
```
#73a41e
```
#73a41e rgb(115,164,30)
```
#82ba22
```
#82ba22 rgb(130,186,34)
```

Monochromatic Color

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

#6e7916
```
#6e7916 rgb(110,121,22)
```
#667916
```
#667916 rgb(102,121,22)
```
#5d7916
```
#5d7916 rgb(93,121,22)
```
#557916
```
#557916 rgb(85,121,22)
```
#4d7916
```
#4d7916 rgb(77,121,22)
```
#447916
```
#447916 rgb(68,121,22)
```
#3c7916
```
#3c7916 rgb(60,121,22)
```

Similar Colors

Text with hexadecimal color #557916

This text has a font color of #557916.

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

#557916 background color

This paragraph has a background color of #557916.

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

#557916 border color

This element has a border color of #557916.

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

CSS codes

.text {color:#557916;}

.background {background-color:#557916;}

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

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)
```
#0f1504
```
#0f1504 rgb(15,21,4)
```
#1b2607
```
#1b2607 rgb(27,38,7)
```
#26370a
```
#26370a rgb(38,55,10)
```
#32470d
```
#32470d rgb(50,71,13)
```
#3e5810
```
#3e5810 rgb(62,88,16)
```
#496813
```
#496813 rgb(73,104,19)
```
#557916
```
#557916 rgb(85,121,22)
```
#618a19
```
#618a19 rgb(97,138,25)
```
#6c9a1c
```
#6c9a1c rgb(108,154,28)
```
#78ab1f
```
#78ab1f rgb(120,171,31)
```
#84bb22
```
#84bb22 rgb(132,187,34)
```
#8fcc25
```
#8fcc25 rgb(143,204,37)
```

Shade Color Variation

#9ad92c
```
#9ad92c rgb(154,217,44)
```
#a2dc3d
```
#a2dc3d rgb(162,220,61)
```
#aadf4d
```
#aadf4d rgb(170,223,77)
```
#b2e25e
```
#b2e25e rgb(178,226,94)
```
#bae56e
```
#bae56e rgb(186,229,110)
```
#c2e87f
```
#c2e87f rgb(194,232,127)
```
#caeb90
```
#caeb90 rgb(202,235,144)
```
#d2eea0
```
#d2eea0 rgb(210,238,160)
```
#daf1b1
```
#daf1b1 rgb(218,241,177)
```
#e1f4c1
```
#e1f4c1 rgb(225,244,193)
```
#e9f7d2
```
#e9f7d2 rgb(233,247,210)
```
#f1fae3
```
#f1fae3 rgb(241,250,227)
```
#f9fdf3
```
#f9fdf3 rgb(249,253,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494d42 is the less saturated color, while #5b8f00 is the most saturated one.

#494d42
```
#494d42 rgb(73,77,66)
```
#4b533d
```
#4b533d rgb(75,83,61)
```
#4c5837
```
#4c5837 rgb(76,88,55)
```
#4e5e32
```
#4e5e32 rgb(78,94,50)
```
#4f632c
```
#4f632c rgb(79,99,44)
```
#506927
```
#506927 rgb(80,105,39)
```
#526e21
```
#526e21 rgb(82,110,33)
```
#53741c
```
#53741c rgb(83,116,28)
```
#557916
```
#557916 rgb(85,121,22)
```
#567f11
```
#567f11 rgb(86,127,17)
```
#58840b
```
#58840b rgb(88,132,11)
```
#598a06
```
#598a06 rgb(89,138,6)
```
#5b8f00
```
#5b8f00 rgb(91,143,0)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#606754 Atypical Achromatopsia 0.001% of the population

Dichromacy

#83761f Protanopia 1% of men
#91702a Deuteranopia 1% of men
#6a7780 Tritanopia 0.001% of the population

Trichromacy

#72771c Protanomaly 1% of men, 0.01% of women
#7b7323 Deuteranomaly 6% of men, 0.4% of women
#627859 Tritanomaly 0.01% of the population

#557916 hex color

#557916 Color Information

#557916 Color Conversion

Color Schemes with #557916

Alternatives to #557916

#557916 Preview

Shades and Tints of #557916

Tones of #557916

Color Blindness Simulator