#557416 hex color

In a RGB color space, hex #557416 is composed of 33.3% red, 45.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 0% magenta, 81% yellow and 54.5% black. It has a hue angle of 79.8 degrees, a saturation of 68.1% and a lightness of 27.1%. #557416 color hex could be obtained by blending #aae82c with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 33
- G 45
- B 9
RGB color chart
- C 27
- M 0
- Y 81
- K 55
CMYK color chart

● #557416 color description : Dark green.

The hexadecimal color #557416 has RGB values of R:85, G:116, B:22 and CMYK values of C:0.27, M:0, Y:0.81, K:0.55. Its decimal value is 5600278.

Hex triplet	557416	`#557416`
RGB Decimal	85, 116, 22	`rgb(85,116,22)`
RGB Percent	33.3, 45.5, 8.6	`rgb(33.3%,45.5%,8.6%)`
CMYK	27, 0, 81, 55
HSL	79.8°, 68.1, 27.1	`hsl(79.8,68.1%,27.1%)`
HSV (or HSB)	79.8°, 81, 45.5
Web Safe	666600	`#666600`

CIE-LAB	44.913, -25.447, 44.483
XYZ	10.136, 14.48, 3.02
xyY	0.367, 0.524, 14.48
CIE-LCH	44.913, 51.247, 119.772
CIE-LUV	44.913, -15.369, 48.427
Hunter-Lab	38.052, -19.043, 21.931
Binary	01010101, 01110100, 00010110

#557416
```
#557416 rgb(85,116,22)
```
#351674
```
#351674 rgb(53,22,116)
```

Complementary Color

#746416
```
#746416 rgb(116,100,22)
```
#557416
```
#557416 rgb(85,116,22)
```
#267416
```
#267416 rgb(38,116,22)
```

Analogous Color

#641674
```
#641674 rgb(100,22,116)
```
#557416
```
#557416 rgb(85,116,22)
```
#162674
```
#162674 rgb(22,38,116)
```

Split Complementary Color

#741655
```
#741655 rgb(116,22,85)
```
#557416
```
#557416 rgb(85,116,22)
```
#165574
```
#165574 rgb(22,85,116)
```

Triadic Color

#743516
```
#743516 rgb(116,53,22)
```
#557416
```
#557416 rgb(85,116,22)
```
#165574
```
#165574 rgb(22,85,116)
```
#351674
```
#351674 rgb(53,22,116)
```

Tetradic Color

#26340a
```
#26340a rgb(38,52,10)
```
#36490e
```
#36490e rgb(54,73,14)
```
#455f12
```
#455f12 rgb(69,95,18)
```
#557416
```
#557416 rgb(85,116,22)
```
#65891a
```
#65891a rgb(101,137,26)
```
#749f1e
```
#749f1e rgb(116,159,30)
```
#84b422
```
#84b422 rgb(132,180,34)
```

Monochromatic Color

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

#6d7416
```
#6d7416 rgb(109,116,22)
```
#657416
```
#657416 rgb(101,116,22)
```
#5d7416
```
#5d7416 rgb(93,116,22)
```
#557416
```
#557416 rgb(85,116,22)
```
#4d7416
```
#4d7416 rgb(77,116,22)
```
#457416
```
#457416 rgb(69,116,22)
```
#3d7416
```
#3d7416 rgb(61,116,22)
```

Similar Colors

Text with hexadecimal color #557416

This text has a font color of #557416.

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

#557416 background color

This paragraph has a background color of #557416.

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

#557416 border color

This element has a border color of #557416.

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

CSS codes

.text {color:#557416;}

.background {background-color:#557416;}

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

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

#000100
```
#000100 rgb(0,1,0)
```
#0d1103
```
#0d1103 rgb(13,17,3)
```
#192206
```
#192206 rgb(25,34,6)
```
#253209
```
#253209 rgb(37,50,9)
```
#31430d
```
#31430d rgb(49,67,13)
```
#3d5310
```
#3d5310 rgb(61,83,16)
```
#496413
```
#496413 rgb(73,100,19)
```
#557416
```
#557416 rgb(85,116,22)
```
#618419
```
#618419 rgb(97,132,25)
```
#6d951c
```
#6d951c rgb(109,149,28)
```
#79a51f
```
#79a51f rgb(121,165,31)
```
#85b623
```
#85b623 rgb(133,182,35)
```
#91c626
```
#91c626 rgb(145,198,38)
```

Shade Color Variation

#9dd629
```
#9dd629 rgb(157,214,41)
```
#a5da3a
```
#a5da3a rgb(165,218,58)
```
#acdd4a
```
#acdd4a rgb(172,221,74)
```
#b4e05b
```
#b4e05b rgb(180,224,91)
```
#bbe36b
```
#bbe36b rgb(187,227,107)
```
#c3e67c
```
#c3e67c rgb(195,230,124)
```
#cbe98c
```
#cbe98c rgb(203,233,140)
```
#d2ec9d
```
#d2ec9d rgb(210,236,157)
```
#daefad
```
#daefad rgb(218,239,173)
```
#e1f3be
```
#e1f3be rgb(225,243,190)
```
#e9f6ce
```
#e9f6ce rgb(233,246,206)
```
#f0f9df
```
#f0f9df rgb(240,249,223)
```
#f8fcef
```
#f8fcef rgb(248,252,239)
```

Tint Color Variation

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

#474a40
```
#474a40 rgb(71,74,64)
```
#484f3b
```
#484f3b rgb(72,79,59)
```
#4a5436
```
#4a5436 rgb(74,84,54)
```
#4c5931
```
#4c5931 rgb(76,89,49)
```
#4e5f2b
```
#4e5f2b rgb(78,95,43)
```
#506426
```
#506426 rgb(80,100,38)
```
#516921
```
#516921 rgb(81,105,33)
```
#536f1b
```
#536f1b rgb(83,111,27)
```
#557416
```
#557416 rgb(85,116,22)
```
#577911
```
#577911 rgb(87,121,17)
```
#597f0b
```
#597f0b rgb(89,127,11)
```
#5a8406
```
#5a8406 rgb(90,132,6)
```
#5c8901
```
#5c8901 rgb(92,137,1)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5e6451 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f721f Protanopia 1% of men
#8d6c29 Deuteranopia 1% of men
#69737b Tritanopia 0.001% of the population

Trichromacy

#70721c Protanomaly 1% of men, 0.01% of women
#786f22 Deuteranomaly 6% of men, 0.4% of women
#627356 Tritanomaly 0.01% of the population

#557416 hex color

#557416 Color Information

#557416 Color Conversion

Color Schemes with #557416

Alternatives to #557416

#557416 Preview

Shades and Tints of #557416

Tones of #557416

Color Blindness Simulator