#557c80 hex color

In a RGB color space, hex #557c80 is composed of 33.3% red, 48.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 3.1% magenta, 0% yellow and 49.8% black. It has a hue angle of 185.6 degrees, a saturation of 20.2% and a lightness of 41.8%. #557c80 color hex could be obtained by blending #aaf8ff with #000001. Closest websafe color is: #666699.

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

● #557c80 color description : Mostly desaturated dark cyan.

The hexadecimal color #557c80 has RGB values of R:85, G:124, B:128 and CMYK values of C:0.34, M:0.03, Y:0, K:0.5. Its decimal value is 5602432.

Hex triplet	557c80	`#557c80`
RGB Decimal	85, 124, 128	`rgb(85,124,128)`
RGB Percent	33.3, 48.6, 50.2	`rgb(33.3%,48.6%,50.2%)`
CMYK	34, 3, 0, 50
HSL	185.6°, 20.2, 41.8	`hsl(185.6,20.2%,41.8%)`
HSV (or HSB)	185.6°, 33.6, 50.2
Web Safe	666699	`#666699`

CIE-LAB	49.38, -12.517, -6.55
XYZ	14.849, 17.904, 23.094
xyY	0.266, 0.321, 17.904
CIE-LCH	49.38, 14.127, 207.621
CIE-LUV	49.38, -18.894, -7.356
Hunter-Lab	42.314, -11.407, -2.74
Binary	01010101, 01111100, 10000000

#557c80
```
#557c80 rgb(85,124,128)
```
#805955
```
#805955 rgb(128,89,85)
```

Complementary Color

#55806f
```
#55806f rgb(85,128,111)
```
#557c80
```
#557c80 rgb(85,124,128)
```
#556780
```
#556780 rgb(85,103,128)
```

Analogous Color

#806f55
```
#806f55 rgb(128,111,85)
```
#557c80
```
#557c80 rgb(85,124,128)
```
#805567
```
#805567 rgb(128,85,103)
```

Split Complementary Color

#7c8055
```
#7c8055 rgb(124,128,85)
```
#557c80
```
#557c80 rgb(85,124,128)
```
#80557c
```
#80557c rgb(128,85,124)
```

Triadic Color

#558059
```
#558059 rgb(85,128,89)
```
#557c80
```
#557c80 rgb(85,124,128)
```
#80557c
```
#80557c rgb(128,85,124)
```
#805955
```
#805955 rgb(128,89,85)
```

Tetradic Color

#364f52
```
#364f52 rgb(54,79,82)
```
#415e61
```
#415e61 rgb(65,94,97)
```
#4b6d71
```
#4b6d71 rgb(75,109,113)
```
#557c80
```
#557c80 rgb(85,124,128)
```
#5f8b8f
```
#5f8b8f rgb(95,139,143)
```
#6b989d
```
#6b989d rgb(107,152,157)
```
#7aa3a7
```
#7aa3a7 rgb(122,163,167)
```

Monochromatic Color

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

#558079
```
#558079 rgb(85,128,121)
```
#55807d
```
#55807d rgb(85,128,125)
```
#558080
```
#558080 rgb(85,128,128)
```
#557c80
```
#557c80 rgb(85,124,128)
```
#557880
```
#557880 rgb(85,120,128)
```
#557580
```
#557580 rgb(85,117,128)
```
#557180
```
#557180 rgb(85,113,128)
```

Similar Colors

Text with hexadecimal color #557c80

This text has a font color of #557c80.

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

#557c80 background color

This paragraph has a background color of #557c80.

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

#557c80 border color

This element has a border color of #557c80.

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

CSS codes

.text {color:#557c80;}

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

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

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, #070a0a is the darkest color, while #fdfefe is the lightest one.

#070a0a
```
#070a0a rgb(7,10,10)
```
#0f1516
```
#0f1516 rgb(15,21,22)
```
#162122
```
#162122 rgb(22,33,34)
```
#1e2c2d
```
#1e2c2d rgb(30,44,45)
```
#263739
```
#263739 rgb(38,55,57)
```
#2e4345
```
#2e4345 rgb(46,67,69)
```
#364e51
```
#364e51 rgb(54,78,81)
```
#3e5a5d
```
#3e5a5d rgb(62,90,93)
```
#456568
```
#456568 rgb(69,101,104)
```
#4d7174
```
#4d7174 rgb(77,113,116)
```
#557c80
```
#557c80 rgb(85,124,128)
```
#5d878c
```
#5d878c rgb(93,135,140)
```
#659398
```
#659398 rgb(101,147,152)
```

Shade Color Variation

#709ba0
```
#709ba0 rgb(112,155,160)
```
#7ca4a8
```
#7ca4a8 rgb(124,164,168)
```
#87acb0
```
#87acb0 rgb(135,172,176)
```
#93b4b7
```
#93b4b7 rgb(147,180,183)
```
#9fbcbf
```
#9fbcbf rgb(159,188,191)
```
#abc4c7
```
#abc4c7 rgb(171,196,199)
```
#b7cdcf
```
#b7cdcf rgb(183,205,207)
```
#c2d5d7
```
#c2d5d7 rgb(194,213,215)
```
#cedddf
```
#cedddf rgb(206,221,223)
```
#dae5e6
```
#dae5e6 rgb(218,229,230)
```
#e6edee
```
#e6edee rgb(230,237,238)
```
#f2f6f6
```
#f2f6f6 rgb(242,246,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#656f70
```
#656f70 rgb(101,111,112)
```
#5d7578
```
#5d7578 rgb(93,117,120)
```
#557c80
```
#557c80 rgb(85,124,128)
```
#4d8388
```
#4d8388 rgb(77,131,136)
```
#458990
```
#458990 rgb(69,137,144)
```
#3c9099
```
#3c9099 rgb(60,144,153)
```
#3497a1
```
#3497a1 rgb(52,151,161)
```
#2c9da9
```
#2c9da9 rgb(44,157,169)
```
#24a4b1
```
#24a4b1 rgb(36,164,177)
```
#1cabb9
```
#1cabb9 rgb(28,171,185)
```
#13b1c2
```
#13b1c2 rgb(19,177,194)
```
#0bb8ca
```
#0bb8ca rgb(11,184,202)
```
#03bfd2
```
#03bfd2 rgb(3,191,210)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6b7374 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7b82 Protanopia 1% of men
#817989 Deuteranopia 1% of men
#5f828b Tritanopia 0.001% of the population

Trichromacy

#6e7b81 Protanomaly 1% of men, 0.01% of women
#717a86 Deuteranomaly 6% of men, 0.4% of women
#5b7f87 Tritanomaly 0.01% of the population

#557c80 hex color

#557c80 Color Information

#557c80 Color Conversion

Color Schemes with #557c80

Alternatives to #557c80

#557c80 Preview

Shades and Tints of #557c80

Tones of #557c80

Color Blindness Simulator