#557d80 hex color

In a RGB color space, hex #557d80 is composed of 33.3% red, 49% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 2.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 184.2 degrees, a saturation of 20.2% and a lightness of 41.8%. #557d80 color hex could be obtained by blending #aafaff 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

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

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

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

CIE-LAB	49.685, -13.073, -6.096
XYZ	14.975, 18.156, 23.136
xyY	0.266, 0.323, 18.156
CIE-LCH	49.685, 14.425, 204.998
CIE-LUV	49.685, -19.328, -6.631
Hunter-Lab	42.61, -11.835, -2.366
Binary	01010101, 01111101, 10000000

#557d80
```
#557d80 rgb(85,125,128)
```
#805855
```
#805855 rgb(128,88,85)
```

Complementary Color

#55806e
```
#55806e rgb(85,128,110)
```
#557d80
```
#557d80 rgb(85,125,128)
```
#556880
```
#556880 rgb(85,104,128)
```

Analogous Color

#806e55
```
#806e55 rgb(128,110,85)
```
#557d80
```
#557d80 rgb(85,125,128)
```
#805568
```
#805568 rgb(128,85,104)
```

Split Complementary Color

#7d8055
```
#7d8055 rgb(125,128,85)
```
#557d80
```
#557d80 rgb(85,125,128)
```
#80557d
```
#80557d rgb(128,85,125)
```

Triadic Color

#558058
```
#558058 rgb(85,128,88)
```
#557d80
```
#557d80 rgb(85,125,128)
```
#80557d
```
#80557d rgb(128,85,125)
```
#805855
```
#805855 rgb(128,88,85)
```

Tetradic Color

#365052
```
#365052 rgb(54,80,82)
```
#415f61
```
#415f61 rgb(65,95,97)
```
#4b6e71
```
#4b6e71 rgb(75,110,113)
```
#557d80
```
#557d80 rgb(85,125,128)
```
#5f8c8f
```
#5f8c8f rgb(95,140,143)
```
#6b999d
```
#6b999d rgb(107,153,157)
```
#7aa4a7
```
#7aa4a7 rgb(122,164,167)
```

Monochromatic Color

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

#558078
```
#558078 rgb(85,128,120)
```
#55807c
```
#55807c rgb(85,128,124)
```
#55807f
```
#55807f rgb(85,128,127)
```
#557d80
```
#557d80 rgb(85,125,128)
```
#557980
```
#557980 rgb(85,121,128)
```
#557680
```
#557680 rgb(85,118,128)
```
#557280
```
#557280 rgb(85,114,128)
```

Similar Colors

Text with hexadecimal color #557d80

This text has a font color of #557d80.

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

#557d80 background color

This paragraph has a background color of #557d80.

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

#557d80 border color

This element has a border color of #557d80.

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

CSS codes

.text {color:#557d80;}

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

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

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)
```
#263839
```
#263839 rgb(38,56,57)
```
#2e4345
```
#2e4345 rgb(46,67,69)
```
#364f51
```
#364f51 rgb(54,79,81)
```
#3e5a5d
```
#3e5a5d rgb(62,90,93)
```
#456668
```
#456668 rgb(69,102,104)
```
#4d7174
```
#4d7174 rgb(77,113,116)
```
#557d80
```
#557d80 rgb(85,125,128)
```
#5d898c
```
#5d898c rgb(93,137,140)
```
#659498
```
#659498 rgb(101,148,152)
```

Shade Color Variation

#709da0
```
#709da0 rgb(112,157,160)
```
#7ca5a8
```
#7ca5a8 rgb(124,165,168)
```
#87adb0
```
#87adb0 rgb(135,173,176)
```
#93b5b7
```
#93b5b7 rgb(147,181,183)
```
#9fbdbf
```
#9fbdbf rgb(159,189,191)
```
#abc5c7
```
#abc5c7 rgb(171,197,199)
```
#b7cdcf
```
#b7cdcf rgb(183,205,207)
```
#c2d5d7
```
#c2d5d7 rgb(194,213,215)
```
#cedddf
```
#cedddf rgb(206,221,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 #03c3d2 is the most saturated one.

#656f70
```
#656f70 rgb(101,111,112)
```
#5d7678
```
#5d7678 rgb(93,118,120)
```
#557d80
```
#557d80 rgb(85,125,128)
```
#4d8488
```
#4d8488 rgb(77,132,136)
```
#458b90
```
#458b90 rgb(69,139,144)
```
#3c9299
```
#3c9299 rgb(60,146,153)
```
#3499a1
```
#3499a1 rgb(52,153,161)
```
#2ca0a9
```
#2ca0a9 rgb(44,160,169)
```
#24a7b1
```
#24a7b1 rgb(36,167,177)
```
#1caeb9
```
#1caeb9 rgb(28,174,185)
```
#13b5c2
```
#13b5c2 rgb(19,181,194)
```
#0bbcca
```
#0bbcca rgb(11,188,202)
```
#03c3d2
```
#03c3d2 rgb(3,195,210)
```

Tone Color Variation

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

#7d7c82 Protanopia 1% of men
#827a89 Deuteranopia 1% of men
#5f828c Tritanopia 0.001% of the population

Trichromacy

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

#557d80 hex color

#557d80 Color Information

#557d80 Color Conversion

Color Schemes with #557d80

Alternatives to #557d80

#557d80 Preview

Shades and Tints of #557d80

Tones of #557d80

Color Blindness Simulator