#557878 hex color

In a RGB color space, hex #557878 is composed of 33.3% red, 47.1% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 0% magenta, 0% yellow and 52.9% black. It has a hue angle of 180 degrees, a saturation of 17.1% and a lightness of 40.2%. #557878 color hex could be obtained by blending #aaf0f0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 47
- B 47
RGB color chart
- C 29
- M 0
- Y 0
- K 53
CMYK color chart

● #557878 color description : Mostly desaturated dark cyan.

The hexadecimal color #557878 has RGB values of R:85, G:120, B:120 and CMYK values of C:0.29, M:0, Y:0, K:0.53. Its decimal value is 5601400.

Hex triplet	557878	`#557878`
RGB Decimal	85, 120, 120	`rgb(85,120,120)`
RGB Percent	33.3, 47.1, 47.1	`rgb(33.3%,47.1%,47.1%)`
CMYK	29, 0, 0, 53
HSL	180°, 17.1, 40.2	`hsl(180,17.1%,40.2%)`
HSV (or HSB)	180°, 29.2, 47.1
Web Safe	666666	`#666666`

CIE-LAB	47.905, -12.327, -4.01
XYZ	13.852, 16.72, 20.266
xyY	0.272, 0.329, 16.72
CIE-LCH	47.905, 12.963, 198.017
CIE-LUV	47.905, -17.179, -3.712
Hunter-Lab	40.89, -11.087, -0.762
Binary	01010101, 01111000, 01111000

#557878
```
#557878 rgb(85,120,120)
```
#785555
```
#785555 rgb(120,85,85)
```

Complementary Color

#557867
```
#557867 rgb(85,120,103)
```
#557878
```
#557878 rgb(85,120,120)
```
#556778
```
#556778 rgb(85,103,120)
```

Analogous Color

#786755
```
#786755 rgb(120,103,85)
```
#557878
```
#557878 rgb(85,120,120)
```
#785567
```
#785567 rgb(120,85,103)
```

Split Complementary Color

#787855
```
#787855 rgb(120,120,85)
```
#557878
```
#557878 rgb(85,120,120)
```
#785578
```
#785578 rgb(120,85,120)
```

Triadic Color

#557855
```
#557855 rgb(85,120,85)
```
#557878
```
#557878 rgb(85,120,120)
```
#785578
```
#785578 rgb(120,85,120)
```
#785555
```
#785555 rgb(120,85,85)
```

Tetradic Color

#354b4b
```
#354b4b rgb(53,75,75)
```
#405a5a
```
#405a5a rgb(64,90,90)
```
#4a6969
```
#4a6969 rgb(74,105,105)
```
#557878
```
#557878 rgb(85,120,120)
```
#608787
```
#608787 rgb(96,135,135)
```
#6a9696
```
#6a9696 rgb(106,150,150)
```
#79a0a0
```
#79a0a0 rgb(121,160,160)
```

Monochromatic Color

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

#55786f
```
#55786f rgb(85,120,111)
```
#557872
```
#557872 rgb(85,120,114)
```
#557875
```
#557875 rgb(85,120,117)
```
#557878
```
#557878 rgb(85,120,120)
```
#557578
```
#557578 rgb(85,117,120)
```
#557278
```
#557278 rgb(85,114,120)
```
#556f78
```
#556f78 rgb(85,111,120)
```

Similar Colors

Text with hexadecimal color #557878

This text has a font color of #557878.

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

#557878 background color

This paragraph has a background color of #557878.

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

#557878 border color

This element has a border color of #557878.

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

CSS codes

.text {color:#557878;}

.background {background-color:#557878;}

.border {border:1px solid #557878;}

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

#040505
```
#040505 rgb(4,5,5)
```
#0c1111
```
#0c1111 rgb(12,17,17)
```
#141c1c
```
#141c1c rgb(20,28,28)
```
#1c2828
```
#1c2828 rgb(28,40,40)
```
#243333
```
#243333 rgb(36,51,51)
```
#2c3f3f
```
#2c3f3f rgb(44,63,63)
```
#344a4a
```
#344a4a rgb(52,74,74)
```
#3d5656
```
#3d5656 rgb(61,86,86)
```
#456161
```
#456161 rgb(69,97,97)
```
#4d6d6d
```
#4d6d6d rgb(77,109,109)
```
#557878
```
#557878 rgb(85,120,120)
```
#5d8383
```
#5d8383 rgb(93,131,131)
```
#658f8f
```
#658f8f rgb(101,143,143)
```

Shade Color Variation

#6f9999
```
#6f9999 rgb(111,153,153)
```
#7aa1a1
```
#7aa1a1 rgb(122,161,161)
```
#86a9a9
```
#86a9a9 rgb(134,169,169)
```
#91b1b1
```
#91b1b1 rgb(145,177,177)
```
#9db9b9
```
#9db9b9 rgb(157,185,185)
```
#a8c2c2
```
#a8c2c2 rgb(168,194,194)
```
#b4caca
```
#b4caca rgb(180,202,202)
```
#bfd2d2
```
#bfd2d2 rgb(191,210,210)
```
#cbdada
```
#cbdada rgb(203,218,218)
```
#d6e2e2
```
#d6e2e2 rgb(214,226,226)
```
#e2eaea
```
#e2eaea rgb(226,234,234)
```
#edf2f2
```
#edf2f2 rgb(237,242,242)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656868 is the less saturated color, while #06c7c7 is the most saturated one.

#656868
```
#656868 rgb(101,104,104)
```
#5d7070
```
#5d7070 rgb(93,112,112)
```
#557878
```
#557878 rgb(85,120,120)
```
#4d8080
```
#4d8080 rgb(77,128,128)
```
#458888
```
#458888 rgb(69,136,136)
```
#3d9090
```
#3d9090 rgb(61,144,144)
```
#359898
```
#359898 rgb(53,152,152)
```
#2e9f9f
```
#2e9f9f rgb(46,159,159)
```
#26a7a7
```
#26a7a7 rgb(38,167,167)
```
#1eafaf
```
#1eafaf rgb(30,175,175)
```
#16b7b7
```
#16b7b7 rgb(22,183,183)
```
#0ebfbf
```
#0ebfbf rgb(14,191,191)
```
#06c7c7
```
#06c7c7 rgb(6,199,199)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#697070 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a787b Protanopia 1% of men
#7f7582 Deuteranopia 1% of men
#607d86 Tritanopia 0.001% of the population

Trichromacy

#6c787a Protanomaly 1% of men, 0.01% of women
#70767e Deuteranomaly 6% of men, 0.4% of women
#5c7b81 Tritanomaly 0.01% of the population

#557878 hex color

#557878 Color Information

#557878 Color Conversion

Color Schemes with #557878

Alternatives to #557878

#557878 Preview

Shades and Tints of #557878

Tones of #557878

Color Blindness Simulator