#557e54 hex color

In a RGB color space, hex #557e54 is composed of 33.3% red, 49.4% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 32.5% cyan, 0% magenta, 33.3% yellow and 50.6% black. It has a hue angle of 118.6 degrees, a saturation of 20% and a lightness of 41.2%. #557e54 color hex could be obtained by blending #aafca8 with #000000. Closest websafe color is: #666666.

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

● #557e54 color description : Mostly desaturated dark lime green.

The hexadecimal color #557e54 has RGB values of R:85, G:126, B:84 and CMYK values of C:0.33, M:0, Y:0.33, K:0.51. Its decimal value is 5602900.

Hex triplet	557e54	`#557e54`
RGB Decimal	85, 126, 84	`rgb(85,126,84)`
RGB Percent	33.3, 49.4, 32.9	`rgb(33.3%,49.4%,32.9%)`
CMYK	33, 0, 33, 51
HSL	118.6°, 20, 41.2	`hsl(118.6,20%,41.2%)`
HSV (or HSB)	118.6°, 33.3, 49.4
Web Safe	666666	`#666666`

CIE-LAB	48.875, -23.3, 18.455
XYZ	12.807, 17.493, 11.089
xyY	0.309, 0.423, 17.493
CIE-LCH	48.875, 29.723, 141.618
CIE-LUV	48.875, -20.183, 26.715
Hunter-Lab	41.824, -18.534, 13.558
Binary	01010101, 01111110, 01010100

#557e54
```
#557e54 rgb(85,126,84)
```
#7d547e
```
#7d547e rgb(125,84,126)
```

Complementary Color

#6a7e54
```
#6a7e54 rgb(106,126,84)
```
#557e54
```
#557e54 rgb(85,126,84)
```
#547e68
```
#547e68 rgb(84,126,104)
```

Analogous Color

#7e546a
```
#7e546a rgb(126,84,106)
```
#557e54
```
#557e54 rgb(85,126,84)
```
#68547e
```
#68547e rgb(104,84,126)
```

Split Complementary Color

#7e5455
```
#7e5455 rgb(126,84,85)
```
#557e54
```
#557e54 rgb(85,126,84)
```
#54557e
```
#54557e rgb(84,85,126)
```

Triadic Color

#7e7d54
```
#7e7d54 rgb(126,125,84)
```
#557e54
```
#557e54 rgb(85,126,84)
```
#54557e
```
#54557e rgb(84,85,126)
```
#7d547e
```
#7d547e rgb(125,84,126)
```

Tetradic Color

#365035
```
#365035 rgb(54,80,53)
```
#405f40
```
#405f40 rgb(64,95,64)
```
#4b6f4a
```
#4b6f4a rgb(75,111,74)
```
#557e54
```
#557e54 rgb(85,126,84)
```
#5f8d5e
```
#5f8d5e rgb(95,141,94)
```
#6b9b6a
```
#6b9b6a rgb(107,155,106)
```
#7aa679
```
#7aa679 rgb(122,166,121)
```

Monochromatic Color

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

#607e54
```
#607e54 rgb(96,126,84)
```
#5c7e54
```
#5c7e54 rgb(92,126,84)
```
#597e54
```
#597e54 rgb(89,126,84)
```
#557e54
```
#557e54 rgb(85,126,84)
```
#547e57
```
#547e57 rgb(84,126,87)
```
#547e5a
```
#547e5a rgb(84,126,90)
```
#547e5e
```
#547e5e rgb(84,126,94)
```

Similar Colors

Text with hexadecimal color #557e54

This text has a font color of #557e54.

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

#557e54 background color

This paragraph has a background color of #557e54.

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

#557e54 border color

This element has a border color of #557e54.

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

CSS codes

.text {color:#557e54;}

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

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

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

#060806
```
#060806 rgb(6,8,6)
```
#0e140d
```
#0e140d rgb(14,20,13)
```
#152015
```
#152015 rgb(21,32,21)
```
#1d2c1d
```
#1d2c1d rgb(29,44,29)
```
#253725
```
#253725 rgb(37,55,37)
```
#2d432d
```
#2d432d rgb(45,67,45)
```
#354f35
```
#354f35 rgb(53,79,53)
```
#3d5b3c
```
#3d5b3c rgb(61,91,60)
```
#456644
```
#456644 rgb(69,102,68)
```
#4d724c
```
#4d724c rgb(77,114,76)
```
#557e54
```
#557e54 rgb(85,126,84)
```
#5d8a5c
```
#5d8a5c rgb(93,138,92)
```
#659664
```
#659664 rgb(101,150,100)
```

Shade Color Variation

#6f9f6e
```
#6f9f6e rgb(111,159,110)
```
#7ba67a
```
#7ba67a rgb(123,166,122)
```
#87ae86
```
#87ae86 rgb(135,174,134)
```
#92b692
```
#92b692 rgb(146,182,146)
```
#9ebe9d
```
#9ebe9d rgb(158,190,157)
```
#aac6a9
```
#aac6a9 rgb(170,198,169)
```
#b6ceb5
```
#b6ceb5 rgb(182,206,181)
```
#c1d5c1
```
#c1d5c1 rgb(193,213,193)
```
#cdddcc
```
#cdddcc rgb(205,221,204)
```
#d9e5d8
```
#d9e5d8 rgb(217,229,216)
```
#e4ede4
```
#e4ede4 rgb(228,237,228)
```
#f0f5f0
```
#f0f5f0 rgb(240,245,240)
```
#fcfdfc
```
#fcfdfc rgb(252,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646e64 is the less saturated color, while #08cf03 is the most saturated one.

#646e64
```
#646e64 rgb(100,110,100)
```
#5d765c
```
#5d765c rgb(93,118,92)
```
#557e54
```
#557e54 rgb(85,126,84)
```
#4d864c
```
#4d864c rgb(77,134,76)
```
#468e44
```
#468e44 rgb(70,142,68)
```
#3e963c
```
#3e963c rgb(62,150,60)
```
#369e34
```
#369e34 rgb(54,158,52)
```
#2fa62c
```
#2fa62c rgb(47,166,44)
```
#27ae24
```
#27ae24 rgb(39,174,36)
```
#1fb71b
```
#1fb71b rgb(31,183,27)
```
#17bf13
```
#17bf13 rgb(23,191,19)
```
#10c70b
```
#10c70b rgb(16,199,11)
```
#08cf03
```
#08cf03 rgb(8,207,3)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#687068 Atypical Achromatopsia 0.001% of the population

Dichromacy

#847b59 Protanopia 1% of men
#8f7661 Deuteranopia 1% of men
#677f88 Tritanopia 0.001% of the population

Trichromacy

#737c57 Protanomaly 1% of men, 0.01% of women
#7a795c Deuteranomaly 6% of men, 0.4% of women
#607e75 Tritanomaly 0.01% of the population

#557e54 hex color

#557e54 Color Information

#557e54 Color Conversion

Color Schemes with #557e54

Alternatives to #557e54

#557e54 Preview

Shades and Tints of #557e54

Tones of #557e54

Color Blindness Simulator