#557a66 hex color

In a RGB color space, hex #557a66 is composed of 33.3% red, 47.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 0% magenta, 16.4% yellow and 52.2% black. It has a hue angle of 147.6 degrees, a saturation of 17.9% and a lightness of 40.6%. #557a66 color hex could be obtained by blending #aaf4cc with #000000. Closest websafe color is: #666666.

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

● #557a66 color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #557a66 has RGB values of R:85, G:122, B:102 and CMYK values of C:0.3, M:0, Y:0.16, K:0.52. Its decimal value is 5601894.

Hex triplet	557a66	`#557a66`
RGB Decimal	85, 122, 102	`rgb(85,122,102)`
RGB Percent	33.3, 47.8, 40	`rgb(33.3%,47.8%,40%)`
CMYK	30, 0, 16, 52
HSL	147.6°, 17.9, 40.6	`hsl(147.6,17.9%,40.6%)`
HSV (or HSB)	147.6°, 30.3, 47.8
Web Safe	666666	`#666666`

CIE-LAB	48.019, -17.646, 6.8
XYZ	13.103, 16.809, 15.124
xyY	0.291, 0.373, 16.809
CIE-LCH	48.019, 18.911, 158.925
CIE-LUV	48.019, -18.163, 11.68
Hunter-Lab	40.999, -14.699, 6.828
Binary	01010101, 01111010, 01100110

#557a66
```
#557a66 rgb(85,122,102)
```
#7a5569
```
#7a5569 rgb(122,85,105)
```

Complementary Color

#577a55
```
#577a55 rgb(87,122,85)
```
#557a66
```
#557a66 rgb(85,122,102)
```
#557a79
```
#557a79 rgb(85,122,121)
```

Analogous Color

#7a5557
```
#7a5557 rgb(122,85,87)
```
#557a66
```
#557a66 rgb(85,122,102)
```
#79557a
```
#79557a rgb(121,85,122)
```

Split Complementary Color

#7a6655
```
#7a6655 rgb(122,102,85)
```
#557a66
```
#557a66 rgb(85,122,102)
```
#66557a
```
#66557a rgb(102,85,122)
```

Triadic Color

#697a55
```
#697a55 rgb(105,122,85)
```
#557a66
```
#557a66 rgb(85,122,102)
```
#66557a
```
#66557a rgb(102,85,122)
```
#7a5569
```
#7a5569 rgb(122,85,105)
```

Tetradic Color

#364d40
```
#364d40 rgb(54,77,64)
```
#405c4d
```
#405c4d rgb(64,92,77)
```
#4b6b59
```
#4b6b59 rgb(75,107,89)
```
#557a66
```
#557a66 rgb(85,122,102)
```
#5f8973
```
#5f8973 rgb(95,137,115)
```
#6a987f
```
#6a987f rgb(106,152,127)
```
#7aa28c
```
#7aa28c rgb(122,162,140)
```

Monochromatic Color

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

#557a5d
```
#557a5d rgb(85,122,93)
```
#557a60
```
#557a60 rgb(85,122,96)
```
#557a63
```
#557a63 rgb(85,122,99)
```
#557a66
```
#557a66 rgb(85,122,102)
```
#557a69
```
#557a69 rgb(85,122,105)
```
#557a6c
```
#557a6c rgb(85,122,108)
```
#557a6f
```
#557a6f rgb(85,122,111)
```

Similar Colors

Text with hexadecimal color #557a66

This text has a font color of #557a66.

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

#557a66 background color

This paragraph has a background color of #557a66.

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

#557a66 border color

This element has a border color of #557a66.

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

CSS codes

.text {color:#557a66;}

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

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

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

#040605
```
#040605 rgb(4,6,5)
```
#0d120f
```
#0d120f rgb(13,18,15)
```
#151e19
```
#151e19 rgb(21,30,25)
```
#1d2922
```
#1d2922 rgb(29,41,34)
```
#25352c
```
#25352c rgb(37,53,44)
```
#2d4036
```
#2d4036 rgb(45,64,54)
```
#354c3f
```
#354c3f rgb(53,76,63)
```
#3d5749
```
#3d5749 rgb(61,87,73)
```
#456353
```
#456353 rgb(69,99,83)
```
#4d6e5c
```
#4d6e5c rgb(77,110,92)
```
#557a66
```
#557a66 rgb(85,122,102)
```
#5d8670
```
#5d8670 rgb(93,134,112)
```
#659179
```
#659179 rgb(101,145,121)
```

Shade Color Variation

#6f9b83
```
#6f9b83 rgb(111,155,131)
```
#7ba38d
```
#7ba38d rgb(123,163,141)
```
#86ab97
```
#86ab97 rgb(134,171,151)
```
#92b3a1
```
#92b3a1 rgb(146,179,161)
```
#9dbbab
```
#9dbbab rgb(157,187,171)
```
#a9c3b5
```
#a9c3b5 rgb(169,195,181)
```
#b4cbbf
```
#b4cbbf rgb(180,203,191)
```
#c0d3c9
```
#c0d3c9 rgb(192,211,201)
```
#ccdbd3
```
#ccdbd3 rgb(204,219,211)
```
#d7e3dd
```
#d7e3dd rgb(215,227,221)
```
#e3ebe7
```
#e3ebe7 rgb(227,235,231)
```
#eef3f1
```
#eef3f1 rgb(238,243,241)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656a67 is the less saturated color, while #05ca60 is the most saturated one.

#656a67
```
#656a67 rgb(101,106,103)
```
#5d7267
```
#5d7267 rgb(93,114,103)
```
#557a66
```
#557a66 rgb(85,122,102)
```
#4d8265
```
#4d8265 rgb(77,130,101)
```
#458a65
```
#458a65 rgb(69,138,101)
```
#3d9264
```
#3d9264 rgb(61,146,100)
```
#359a63
```
#359a63 rgb(53,154,99)
```
#2da263
```
#2da263 rgb(45,162,99)
```
#25aa62
```
#25aa62 rgb(37,170,98)
```
#1db261
```
#1db261 rgb(29,178,97)
```
#15ba61
```
#15ba61 rgb(21,186,97)
```
#0dc260
```
#0dc260 rgb(13,194,96)
```
#05ca60
```
#05ca60 rgb(5,202,96)
```

Tone Color Variation

Below, you can see how #557a66 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
#68706c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e786a Protanopia 1% of men
#877571 Deuteranopia 1% of men
#637d86 Tritanopia 0.001% of the population

Trichromacy

#6f7968 Protanomaly 1% of men, 0.01% of women
#75776d Deuteranomaly 6% of men, 0.4% of women
#5e7c7a Tritanomaly 0.01% of the population

#557a66 hex color

#557a66 Color Information

#557a66 Color Conversion

Color Schemes with #557a66

Alternatives to #557a66

#557a66 Preview

Shades and Tints of #557a66

Tones of #557a66

Color Blindness Simulator