#557d54 hex color

In a RGB color space, hex #557d54 is composed of 33.3% red, 49% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 0% magenta, 32.8% yellow and 51% black. It has a hue angle of 118.5 degrees, a saturation of 19.6% and a lightness of 41%. #557d54 color hex could be obtained by blending #aafaa8 with #000000. Closest websafe color is: #666666.

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

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

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

Hex triplet	557d54	`#557d54`
RGB Decimal	85, 125, 84	`rgb(85,125,84)`
RGB Percent	33.3, 49, 32.9	`rgb(33.3%,49%,32.9%)`
CMYK	32, 0, 33, 51
HSL	118.5°, 19.6, 41	`hsl(118.5,19.6%,41%)`
HSV (or HSB)	118.5°, 32.8, 49
Web Safe	666666	`#666666`

CIE-LAB	48.559, -22.789, 18.03
XYZ	12.68, 17.238, 11.046
xyY	0.31, 0.421, 17.238
CIE-LCH	48.559, 29.059, 141.65
CIE-LUV	48.559, -19.706, 26.102
Hunter-Lab	41.519, -18.145, 13.289
Binary	01010101, 01111101, 01010100

#557d54
```
#557d54 rgb(85,125,84)
```
#7c547d
```
#7c547d rgb(124,84,125)
```

Complementary Color

#6a7d54
```
#6a7d54 rgb(106,125,84)
```
#557d54
```
#557d54 rgb(85,125,84)
```
#547d68
```
#547d68 rgb(84,125,104)
```

Analogous Color

#7d546a
```
#7d546a rgb(125,84,106)
```
#557d54
```
#557d54 rgb(85,125,84)
```
#68547d
```
#68547d rgb(104,84,125)
```

Split Complementary Color

#7d5455
```
#7d5455 rgb(125,84,85)
```
#557d54
```
#557d54 rgb(85,125,84)
```
#54557d
```
#54557d rgb(84,85,125)
```

Triadic Color

#7d7c54
```
#7d7c54 rgb(125,124,84)
```
#557d54
```
#557d54 rgb(85,125,84)
```
#54557d
```
#54557d rgb(84,85,125)
```
#7c547d
```
#7c547d rgb(124,84,125)
```

Tetradic Color

#364f35
```
#364f35 rgb(54,79,53)
```
#405e40
```
#405e40 rgb(64,94,64)
```
#4b6e4a
```
#4b6e4a rgb(75,110,74)
```
#557d54
```
#557d54 rgb(85,125,84)
```
#5f8c5e
```
#5f8c5e rgb(95,140,94)
```
#6b9b69
```
#6b9b69 rgb(107,155,105)
```
#7aa579
```
#7aa579 rgb(122,165,121)
```

Monochromatic Color

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

#5f7d54
```
#5f7d54 rgb(95,125,84)
```
#5c7d54
```
#5c7d54 rgb(92,125,84)
```
#587d54
```
#587d54 rgb(88,125,84)
```
#557d54
```
#557d54 rgb(85,125,84)
```
#547d56
```
#547d56 rgb(84,125,86)
```
#547d5a
```
#547d5a rgb(84,125,90)
```
#547d5d
```
#547d5d rgb(84,125,93)
```

Similar Colors

Text with hexadecimal color #557d54

This text has a font color of #557d54.

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

#557d54 background color

This paragraph has a background color of #557d54.

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

#557d54 border color

This element has a border color of #557d54.

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

CSS codes

.text {color:#557d54;}

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

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

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

#050805
```
#050805 rgb(5,8,5)
```
#0d130d
```
#0d130d rgb(13,19,13)
```
#151f15
```
#151f15 rgb(21,31,21)
```
#1d2b1d
```
#1d2b1d rgb(29,43,29)
```
#253725
```
#253725 rgb(37,55,37)
```
#2d422d
```
#2d422d rgb(45,66,45)
```
#354e34
```
#354e34 rgb(53,78,52)
```
#3d5a3c
```
#3d5a3c rgb(61,90,60)
```
#456644
```
#456644 rgb(69,102,68)
```
#4d714c
```
#4d714c rgb(77,113,76)
```
#557d54
```
#557d54 rgb(85,125,84)
```
#5d895c
```
#5d895c rgb(93,137,92)
```
#659464
```
#659464 rgb(101,148,100)
```

Shade Color Variation

#6f9e6e
```
#6f9e6e rgb(111,158,110)
```
#7ba67a
```
#7ba67a rgb(123,166,122)
```
#87ad86
```
#87ad86 rgb(135,173,134)
```
#92b591
```
#92b591 rgb(146,181,145)
```
#9ebd9d
```
#9ebd9d rgb(158,189,157)
```
#aac5a9
```
#aac5a9 rgb(170,197,169)
```
#b5cdb5
```
#b5cdb5 rgb(181,205,181)
```
#c1d5c0
```
#c1d5c0 rgb(193,213,192)
```
#ccddcc
```
#ccddcc rgb(204,221,204)
```
#d8e5d8
```
#d8e5d8 rgb(216,229,216)
```
#e4ede3
```
#e4ede3 rgb(228,237,227)
```
#eff4ef
```
#eff4ef rgb(239,244,239)
```
#fbfcfb
```
#fbfcfb rgb(251,252,251)
```

Tint Color Variation

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

#646d64
```
#646d64 rgb(100,109,100)
```
#5d755c
```
#5d755c rgb(93,117,92)
```
#557d54
```
#557d54 rgb(85,125,84)
```
#4d854c
```
#4d854c rgb(77,133,76)
```
#468d44
```
#468d44 rgb(70,141,68)
```
#3e953c
```
#3e953c rgb(62,149,60)
```
#369d34
```
#369d34 rgb(54,157,52)
```
#2fa52c
```
#2fa52c rgb(47,165,44)
```
#27ad24
```
#27ad24 rgb(39,173,36)
```
#1fb51c
```
#1fb51c rgb(31,181,28)
```
#18bd14
```
#18bd14 rgb(24,189,20)
```
#10c50c
```
#10c50c rgb(16,197,12)
```
#09cd04
```
#09cd04 rgb(9,205,4)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#676f67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#837a59 Protanopia 1% of men
#8e7561 Deuteranopia 1% of men
#677e87 Tritanopia 0.001% of the population

Trichromacy

#727b57 Protanomaly 1% of men, 0.01% of women
#79785c Deuteranomaly 6% of men, 0.4% of women
#607d74 Tritanomaly 0.01% of the population

#557d54 hex color

#557d54 Color Information

#557d54 Color Conversion

Color Schemes with #557d54

Alternatives to #557d54

#557d54 Preview

Shades and Tints of #557d54

Tones of #557d54

Color Blindness Simulator