#557e80 hex color

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

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

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

The hexadecimal color #557e80 has RGB values of R:85, G:126, B:128 and CMYK values of C:0.34, M:0.02, Y:0, K:0.5. Its decimal value is 5602944.

Hex triplet	557e80	`#557e80`
RGB Decimal	85, 126, 128	`rgb(85,126,128)`
RGB Percent	33.3, 49.4, 50.2	`rgb(33.3%,49.4%,50.2%)`
CMYK	34, 2, 0, 50
HSL	182.8°, 20.2, 41.8	`hsl(182.8,20.2%,41.8%)`
HSV (or HSB)	182.8°, 33.6, 50.2
Web Safe	666699	`#666699`

CIE-LAB	49.991, -13.627, -5.642
XYZ	15.102, 18.411, 23.179
xyY	0.266, 0.325, 18.411
CIE-LCH	49.991, 14.749, 202.49
CIE-LUV	49.991, -19.761, -5.906
Hunter-Lab	42.908, -12.261, -1.993
Binary	01010101, 01111110, 10000000

#557e80
```
#557e80 rgb(85,126,128)
```
#805755
```
#805755 rgb(128,87,85)
```

Complementary Color

#55806d
```
#55806d rgb(85,128,109)
```
#557e80
```
#557e80 rgb(85,126,128)
```
#556980
```
#556980 rgb(85,105,128)
```

Analogous Color

#806d55
```
#806d55 rgb(128,109,85)
```
#557e80
```
#557e80 rgb(85,126,128)
```
#805569
```
#805569 rgb(128,85,105)
```

Split Complementary Color

#7e8055
```
#7e8055 rgb(126,128,85)
```
#557e80
```
#557e80 rgb(85,126,128)
```
#80557e
```
#80557e rgb(128,85,126)
```

Triadic Color

#558057
```
#558057 rgb(85,128,87)
```
#557e80
```
#557e80 rgb(85,126,128)
```
#80557e
```
#80557e rgb(128,85,126)
```
#805755
```
#805755 rgb(128,87,85)
```

Tetradic Color

#365152
```
#365152 rgb(54,81,82)
```
#416061
```
#416061 rgb(65,96,97)
```
#4b6f71
```
#4b6f71 rgb(75,111,113)
```
#557e80
```
#557e80 rgb(85,126,128)
```
#5f8d8f
```
#5f8d8f rgb(95,141,143)
```
#6b9b9d
```
#6b9b9d rgb(107,155,157)
```
#7aa5a7
```
#7aa5a7 rgb(122,165,167)
```

Monochromatic Color

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

#558077
```
#558077 rgb(85,128,119)
```
#55807b
```
#55807b rgb(85,128,123)
```
#55807e
```
#55807e rgb(85,128,126)
```
#557e80
```
#557e80 rgb(85,126,128)
```
#557a80
```
#557a80 rgb(85,122,128)
```
#557780
```
#557780 rgb(85,119,128)
```
#557380
```
#557380 rgb(85,115,128)
```

Similar Colors

Text with hexadecimal color #557e80

This text has a font color of #557e80.

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

#557e80 background color

This paragraph has a background color of #557e80.

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

#557e80 border color

This element has a border color of #557e80.

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

CSS codes

.text {color:#557e80;}

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

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

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)
```
#0f1616
```
#0f1616 rgb(15,22,22)
```
#162122
```
#162122 rgb(22,33,34)
```
#1e2d2d
```
#1e2d2d rgb(30,45,45)
```
#263839
```
#263839 rgb(38,56,57)
```
#2e4445
```
#2e4445 rgb(46,68,69)
```
#365051
```
#365051 rgb(54,80,81)
```
#3e5b5d
```
#3e5b5d rgb(62,91,93)
```
#456768
```
#456768 rgb(69,103,104)
```
#4d7274
```
#4d7274 rgb(77,114,116)
```
#557e80
```
#557e80 rgb(85,126,128)
```
#5d8a8c
```
#5d8a8c rgb(93,138,140)
```
#659598
```
#659598 rgb(101,149,152)
```

Shade Color Variation

#709ea0
```
#709ea0 rgb(112,158,160)
```
#7ca6a8
```
#7ca6a8 rgb(124,166,168)
```
#87aeb0
```
#87aeb0 rgb(135,174,176)
```
#93b6b7
```
#93b6b7 rgb(147,182,183)
```
#9fbebf
```
#9fbebf rgb(159,190,191)
```
#abc6c7
```
#abc6c7 rgb(171,198,199)
```
#b7cecf
```
#b7cecf rgb(183,206,207)
```
#c2d6d7
```
#c2d6d7 rgb(194,214,215)
```
#cededf
```
#cededf rgb(206,222,223)
```
#dae6e6
```
#dae6e6 rgb(218,230,230)
```
#e6eeee
```
#e6eeee rgb(230,238,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 #03c8d2 is the most saturated one.

#656f70
```
#656f70 rgb(101,111,112)
```
#5d7778
```
#5d7778 rgb(93,119,120)
```
#557e80
```
#557e80 rgb(85,126,128)
```
#4d8588
```
#4d8588 rgb(77,133,136)
```
#458d90
```
#458d90 rgb(69,141,144)
```
#3c9499
```
#3c9499 rgb(60,148,153)
```
#349ca1
```
#349ca1 rgb(52,156,161)
```
#2ca3a9
```
#2ca3a9 rgb(44,163,169)
```
#24abb1
```
#24abb1 rgb(36,171,177)
```
#1cb2b9
```
#1cb2b9 rgb(28,178,185)
```
#13b9c2
```
#13b9c2 rgb(19,185,194)
```
#0bc1ca
```
#0bc1ca rgb(11,193,202)
```
#03c8d2
```
#03c8d2 rgb(3,200,210)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6c7475 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7d82 Protanopia 1% of men
#837a8a Deuteranopia 1% of men
#5f838d Tritanopia 0.001% of the population

Trichromacy

#6f7d81 Protanomaly 1% of men, 0.01% of women
#727b86 Deuteranomaly 6% of men, 0.4% of women
#5b8188 Tritanomaly 0.01% of the population

#557e80 hex color

#557e80 Color Information

#557e80 Color Conversion

Color Schemes with #557e80

Alternatives to #557e80

#557e80 Preview

Shades and Tints of #557e80

Tones of #557e80

Color Blindness Simulator