#557a16 hex color

In a RGB color space, hex #557a16 is composed of 33.3% red, 47.8% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 0% magenta, 82% yellow and 52.2% black. It has a hue angle of 82.2 degrees, a saturation of 69.4% and a lightness of 28.2%. #557a16 color hex could be obtained by blending #aaf42c with #000000. Closest websafe color is: #666600.

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

● #557a16 color description : Dark green.

The hexadecimal color #557a16 has RGB values of R:85, G:122, B:22 and CMYK values of C:0.3, M:0, Y:0.82, K:0.52. Its decimal value is 5601814.

Hex triplet	557a16	`#557a16`
RGB Decimal	85, 122, 22	`rgb(85,122,22)`
RGB Percent	33.3, 47.8, 8.6	`rgb(33.3%,47.8%,8.6%)`
CMYK	30, 0, 82, 52
HSL	82.2°, 69.4, 28.2	`hsl(82.2,69.4%,28.2%)`
HSV (or HSB)	82.2°, 82, 47.8
Web Safe	666600	`#666600`

CIE-LAB	46.854, -28.367, 46.278
XYZ	10.85, 15.908, 3.258
xyY	0.361, 0.53, 15.908
CIE-LCH	46.854, 54.281, 121.507
CIE-LUV	46.854, -18.53, 51.122
Hunter-Lab	39.885, -21.238, 23.076
Binary	01010101, 01111010, 00010110

#557a16
```
#557a16 rgb(85,122,22)
```
#3b167a
```
#3b167a rgb(59,22,122)
```

Complementary Color

#7a6d16
```
#7a6d16 rgb(122,109,22)
```
#557a16
```
#557a16 rgb(85,122,22)
```
#237a16
```
#237a16 rgb(35,122,22)
```

Analogous Color

#6d167a
```
#6d167a rgb(109,22,122)
```
#557a16
```
#557a16 rgb(85,122,22)
```
#16237a
```
#16237a rgb(22,35,122)
```

Split Complementary Color

#7a1655
```
#7a1655 rgb(122,22,85)
```
#557a16
```
#557a16 rgb(85,122,22)
```
#16557a
```
#16557a rgb(22,85,122)
```

Triadic Color

#7a3b16
```
#7a3b16 rgb(122,59,22)
```
#557a16
```
#557a16 rgb(85,122,22)
```
#16557a
```
#16557a rgb(22,85,122)
```
#3b167a
```
#3b167a rgb(59,22,122)
```

Tetradic Color

#28390a
```
#28390a rgb(40,57,10)
```
#374f0e
```
#374f0e rgb(55,79,14)
```
#466412
```
#466412 rgb(70,100,18)
```
#557a16
```
#557a16 rgb(85,122,22)
```
#64901a
```
#64901a rgb(100,144,26)
```
#73a51e
```
#73a51e rgb(115,165,30)
```
#82bb22
```
#82bb22 rgb(130,187,34)
```

Monochromatic Color

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

#6e7a16
```
#6e7a16 rgb(110,122,22)
```
#667a16
```
#667a16 rgb(102,122,22)
```
#5d7a16
```
#5d7a16 rgb(93,122,22)
```
#557a16
```
#557a16 rgb(85,122,22)
```
#4d7a16
```
#4d7a16 rgb(77,122,22)
```
#447a16
```
#447a16 rgb(68,122,22)
```
#3c7a16
```
#3c7a16 rgb(60,122,22)
```

Similar Colors

Text with hexadecimal color #557a16

This text has a font color of #557a16.

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

#557a16 background color

This paragraph has a background color of #557a16.

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

#557a16 border color

This element has a border color of #557a16.

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

CSS codes

.text {color:#557a16;}

.background {background-color:#557a16;}

.border {border:1px solid #557a16;}

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

#040601
```
#040601 rgb(4,6,1)
```
#101604
```
#101604 rgb(16,22,4)
```
#1b2707
```
#1b2707 rgb(27,39,7)
```
#27380a
```
#27380a rgb(39,56,10)
```
#32480d
```
#32480d rgb(50,72,13)
```
#3e5910
```
#3e5910 rgb(62,89,16)
```
#496913
```
#496913 rgb(73,105,19)
```
#557a16
```
#557a16 rgb(85,122,22)
```
#618b19
```
#618b19 rgb(97,139,25)
```
#6c9b1c
```
#6c9b1c rgb(108,155,28)
```
#78ac1f
```
#78ac1f rgb(120,172,31)
```
#83bc22
```
#83bc22 rgb(131,188,34)
```
#8fcd25
```
#8fcd25 rgb(143,205,37)
```

Shade Color Variation

#99d92d
```
#99d92d rgb(153,217,45)
```
#a1dc3d
```
#a1dc3d rgb(161,220,61)
```
#a9df4e
```
#a9df4e rgb(169,223,78)
```
#b1e25e
```
#b1e25e rgb(177,226,94)
```
#b9e56f
```
#b9e56f rgb(185,229,111)
```
#c1e880
```
#c1e880 rgb(193,232,128)
```
#c9eb90
```
#c9eb90 rgb(201,235,144)
```
#d2eea1
```
#d2eea1 rgb(210,238,161)
```
#daf1b2
```
#daf1b2 rgb(218,241,178)
```
#e2f4c2
```
#e2f4c2 rgb(226,244,194)
```
#eaf7d3
```
#eaf7d3 rgb(234,247,211)
```
#f2fae3
```
#f2fae3 rgb(242,250,227)
```
#fafdf4
```
#fafdf4 rgb(250,253,244)
```

Tint Color Variation

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

#484848
```
#484848 rgb(72,72,72)
```
#494e42
```
#494e42 rgb(73,78,66)
```
#4b533d
```
#4b533d rgb(75,83,61)
```
#4c5937
```
#4c5937 rgb(76,89,55)
```
#4e5e32
```
#4e5e32 rgb(78,94,50)
```
#4f642c
```
#4f642c rgb(79,100,44)
```
#516927
```
#516927 rgb(81,105,39)
```
#526f21
```
#526f21 rgb(82,111,33)
```
#54741c
```
#54741c rgb(84,116,28)
```
#557a16
```
#557a16 rgb(85,122,22)
```
#568010
```
#568010 rgb(86,128,16)
```
#58850b
```
#58850b rgb(88,133,11)
```
#598b05
```
#598b05 rgb(89,139,5)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#616854 Atypical Achromatopsia 0.001% of the population

Dichromacy

#84761f Protanopia 1% of men
#92712a Deuteranopia 1% of men
#6a7881 Tritanopia 0.001% of the population

Trichromacy

#73771c Protanomaly 1% of men, 0.01% of women
#7c7423 Deuteranomaly 6% of men, 0.4% of women
#62795a Tritanomaly 0.01% of the population

#557a16 hex color

#557a16 Color Information

#557a16 Color Conversion

Color Schemes with #557a16

Alternatives to #557a16

#557a16 Preview

Shades and Tints of #557a16

Tones of #557a16

Color Blindness Simulator