#557c16 hex color

In a RGB color space, hex #557c16 is composed of 33.3% red, 48.6% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 31.5% cyan, 0% magenta, 82.3% yellow and 51.4% black. It has a hue angle of 82.9 degrees, a saturation of 69.9% and a lightness of 28.6%. #557c16 color hex could be obtained by blending #aaf82c with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 33
- G 49
- B 9
RGB color chart
- C 31
- M 0
- Y 82
- K 51
CMYK color chart

● #557c16 color description : Dark green.

The hexadecimal color #557c16 has RGB values of R:85, G:124, B:22 and CMYK values of C:0.31, M:0, Y:0.82, K:0.51. Its decimal value is 5602326.

Hex triplet	557c16	`#557c16`
RGB Decimal	85, 124, 22	`rgb(85,124,22)`
RGB Percent	33.3, 48.6, 8.6	`rgb(33.3%,48.6%,8.6%)`
CMYK	31, 0, 82, 51
HSL	82.9°, 69.9, 28.6	`hsl(82.9,69.9%,28.6%)`
HSV (or HSB)	82.9°, 82.3, 48.6
Web Safe	666600	`#666600`

CIE-LAB	47.5, -29.321, 46.872
XYZ	11.099, 16.404, 3.341
xyY	0.36, 0.532, 16.404
CIE-LCH	47.5, 55.288, 122.028
CIE-LUV	47.5, -19.565, 52.015
Hunter-Lab	40.502, -21.965, 23.461
Binary	01010101, 01111100, 00010110

#557c16
```
#557c16 rgb(85,124,22)
```
#3d167c
```
#3d167c rgb(61,22,124)
```

Complementary Color

#7c7016
```
#7c7016 rgb(124,112,22)
```
#557c16
```
#557c16 rgb(85,124,22)
```
#227c16
```
#227c16 rgb(34,124,22)
```

Analogous Color

#70167c
```
#70167c rgb(112,22,124)
```
#557c16
```
#557c16 rgb(85,124,22)
```
#16227c
```
#16227c rgb(22,34,124)
```

Split Complementary Color

#7c1655
```
#7c1655 rgb(124,22,85)
```
#557c16
```
#557c16 rgb(85,124,22)
```
#16557c
```
#16557c rgb(22,85,124)
```

Triadic Color

#7c3d16
```
#7c3d16 rgb(124,61,22)
```
#557c16
```
#557c16 rgb(85,124,22)
```
#16557c
```
#16557c rgb(22,85,124)
```
#3d167c
```
#3d167c rgb(61,22,124)
```

Tetradic Color

#283b0a
```
#283b0a rgb(40,59,10)
```
#37510e
```
#37510e rgb(55,81,14)
```
#466612
```
#466612 rgb(70,102,18)
```
#557c16
```
#557c16 rgb(85,124,22)
```
#64921a
```
#64921a rgb(100,146,26)
```
#73a71e
```
#73a71e rgb(115,167,30)
```
#82bd22
```
#82bd22 rgb(130,189,34)
```

Monochromatic Color

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

#6f7c16
```
#6f7c16 rgb(111,124,22)
```
#667c16
```
#667c16 rgb(102,124,22)
```
#5e7c16
```
#5e7c16 rgb(94,124,22)
```
#557c16
```
#557c16 rgb(85,124,22)
```
#4d7c16
```
#4d7c16 rgb(77,124,22)
```
#447c16
```
#447c16 rgb(68,124,22)
```
#3c7c16
```
#3c7c16 rgb(60,124,22)
```

Similar Colors

Text with hexadecimal color #557c16

This text has a font color of #557c16.

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

#557c16 background color

This paragraph has a background color of #557c16.

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

#557c16 border color

This element has a border color of #557c16.

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

CSS codes

.text {color:#557c16;}

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

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

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

#050701
```
#050701 rgb(5,7,1)
```
#101804
```
#101804 rgb(16,24,4)
```
#1c2907
```
#1c2907 rgb(28,41,7)
```
#27390a
```
#27390a rgb(39,57,10)
```
#334a0d
```
#334a0d rgb(51,74,13)
```
#3e5b10
```
#3e5b10 rgb(62,91,16)
```
#4a6b13
```
#4a6b13 rgb(74,107,19)
```
#557c16
```
#557c16 rgb(85,124,22)
```
#608d19
```
#608d19 rgb(96,141,25)
```
#6c9d1c
```
#6c9d1c rgb(108,157,28)
```
#77ae1f
```
#77ae1f rgb(119,174,31)
```
#83bf22
```
#83bf22 rgb(131,191,34)
```
#8ecf25
```
#8ecf25 rgb(142,207,37)
```

Shade Color Variation

#98da2e
```
#98da2e rgb(152,218,46)
```
#a0dd3e
```
#a0dd3e rgb(160,221,62)
```
#a8e04f
```
#a8e04f rgb(168,224,79)
```
#b1e360
```
#b1e360 rgb(177,227,96)
```
#b9e670
```
#b9e670 rgb(185,230,112)
```
#c1e981
```
#c1e981 rgb(193,233,129)
```
#c9ec92
```
#c9ec92 rgb(201,236,146)
```
#d1efa2
```
#d1efa2 rgb(209,239,162)
```
#daf2b3
```
#daf2b3 rgb(218,242,179)
```
#e2f4c4
```
#e2f4c4 rgb(226,244,196)
```
#eaf7d4
```
#eaf7d4 rgb(234,247,212)
```
#f2fae5
```
#f2fae5 rgb(242,250,229)
```
#fafdf6
```
#fafdf6 rgb(250,253,246)
```

Tint Color Variation

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

#494949
```
#494949 rgb(73,73,73)
```
#4a4f43
```
#4a4f43 rgb(74,79,67)
```
#4c553d
```
#4c553d rgb(76,85,61)
```
#4d5a38
```
#4d5a38 rgb(77,90,56)
```
#4e6032
```
#4e6032 rgb(78,96,50)
```
#50662c
```
#50662c rgb(80,102,44)
```
#516b27
```
#516b27 rgb(81,107,39)
```
#527121
```
#527121 rgb(82,113,33)
```
#54761c
```
#54761c rgb(84,118,28)
```
#557c16
```
#557c16 rgb(85,124,22)
```
#568210
```
#568210 rgb(86,130,16)
```
#58870b
```
#58870b rgb(88,135,11)
```
#598d05
```
#598d05 rgb(89,141,5)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#626a55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86781f Protanopia 1% of men
#94722b Deuteranopia 1% of men
#6b7a83 Tritanopia 0.001% of the population

Trichromacy

#74791b Protanomaly 1% of men, 0.01% of women
#7d7523 Deuteranomaly 6% of men, 0.4% of women
#637a5b Tritanomaly 0.01% of the population

#557c16 hex color

#557c16 Color Information

#557c16 Color Conversion

Color Schemes with #557c16

Alternatives to #557c16

#557c16 Preview

Shades and Tints of #557c16

Tones of #557c16

Color Blindness Simulator