#557870 hex color

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

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

● #557870 color description : Mostly desaturated dark cyan.

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

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

CIE-LAB	47.667, -14.282, 0.383
XYZ	13.387, 16.534, 17.814
xyY	0.28, 0.346, 16.534
CIE-LCH	47.667, 14.287, 178.462
CIE-LUV	47.667, -17.202, 2.666
Hunter-Lab	40.661, -12.392, 2.487
Binary	01010101, 01111000, 01110000

#557870
```
#557870 rgb(85,120,112)
```
#78555d
```
#78555d rgb(120,85,93)
```

Complementary Color

#55785f
```
#55785f rgb(85,120,95)
```
#557870
```
#557870 rgb(85,120,112)
```
#556f78
```
#556f78 rgb(85,111,120)
```

Analogous Color

#785f55
```
#785f55 rgb(120,95,85)
```
#557870
```
#557870 rgb(85,120,112)
```
#78556f
```
#78556f rgb(120,85,111)
```

Split Complementary Color

#787055
```
#787055 rgb(120,112,85)
```
#557870
```
#557870 rgb(85,120,112)
```
#705578
```
#705578 rgb(112,85,120)
```

Triadic Color

#5d7855
```
#5d7855 rgb(93,120,85)
```
#557870
```
#557870 rgb(85,120,112)
```
#705578
```
#705578 rgb(112,85,120)
```
#78555d
```
#78555d rgb(120,85,93)
```

Tetradic Color

#354b46
```
#354b46 rgb(53,75,70)
```
#405a54
```
#405a54 rgb(64,90,84)
```
#4a6962
```
#4a6962 rgb(74,105,98)
```
#557870
```
#557870 rgb(85,120,112)
```
#60877e
```
#60877e rgb(96,135,126)
```
#6a968c
```
#6a968c rgb(106,150,140)
```
#79a097
```
#79a097 rgb(121,160,151)
```

Monochromatic Color

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

#557867
```
#557867 rgb(85,120,103)
```
#55786a
```
#55786a rgb(85,120,106)
```
#55786d
```
#55786d rgb(85,120,109)
```
#557870
```
#557870 rgb(85,120,112)
```
#557873
```
#557873 rgb(85,120,115)
```
#557876
```
#557876 rgb(85,120,118)
```
#557778
```
#557778 rgb(85,119,120)
```

Similar Colors

Text with hexadecimal color #557870

This text has a font color of #557870.

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

#557870 background color

This paragraph has a background color of #557870.

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

#557870 border color

This element has a border color of #557870.

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

CSS codes

.text {color:#557870;}

.background {background-color:#557870;}

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

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 #f9fbfa is the lightest one.

#040505
```
#040505 rgb(4,5,5)
```
#0c1110
```
#0c1110 rgb(12,17,16)
```
#141c1a
```
#141c1a rgb(20,28,26)
```
#1c2825
```
#1c2825 rgb(28,40,37)
```
#243330
```
#243330 rgb(36,51,48)
```
#2c3f3a
```
#2c3f3a rgb(44,63,58)
```
#344a45
```
#344a45 rgb(52,74,69)
```
#3d5650
```
#3d5650 rgb(61,86,80)
```
#45615b
```
#45615b rgb(69,97,91)
```
#4d6d65
```
#4d6d65 rgb(77,109,101)
```
#557870
```
#557870 rgb(85,120,112)
```
#5d837b
```
#5d837b rgb(93,131,123)
```
#658f85
```
#658f85 rgb(101,143,133)
```

Shade Color Variation

#6f998f
```
#6f998f rgb(111,153,143)
```
#7aa198
```
#7aa198 rgb(122,161,152)
```
#86a9a1
```
#86a9a1 rgb(134,169,161)
```
#91b1aa
```
#91b1aa rgb(145,177,170)
```
#9db9b3
```
#9db9b3 rgb(157,185,179)
```
#a8c2bc
```
#a8c2bc rgb(168,194,188)
```
#b4cac5
```
#b4cac5 rgb(180,202,197)
```
#bfd2ce
```
#bfd2ce rgb(191,210,206)
```
#cbdad7
```
#cbdad7 rgb(203,218,215)
```
#d6e2df
```
#d6e2df rgb(214,226,223)
```
#e2eae8
```
#e2eae8 rgb(226,234,232)
```
#edf2f1
```
#edf2f1 rgb(237,242,241)
```
#f9fbfa
```
#f9fbfa rgb(249,251,250)
```

Tint Color Variation

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

#656867
```
#656867 rgb(101,104,103)
```
#5d706c
```
#5d706c rgb(93,112,108)
```
#557870
```
#557870 rgb(85,120,112)
```
#4d8074
```
#4d8074 rgb(77,128,116)
```
#458879
```
#458879 rgb(69,136,121)
```
#3d907d
```
#3d907d rgb(61,144,125)
```
#359881
```
#359881 rgb(53,152,129)
```
#2e9f85
```
#2e9f85 rgb(46,159,133)
```
#26a78a
```
#26a78a rgb(38,167,138)
```
#1eaf8e
```
#1eaf8e rgb(30,175,142)
```
#16b792
```
#16b792 rgb(22,183,146)
```
#0ebf97
```
#0ebf97 rgb(14,191,151)
```
#06c79b
```
#06c79b rgb(6,199,155)
```

Tone Color Variation

Below, you can see how #557870 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
#686f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7773 Protanopia 1% of men
#82757a Deuteranopia 1% of men
#617c85 Tritanopia 0.001% of the population

Trichromacy

#6d7772 Protanomaly 1% of men, 0.01% of women
#717676 Deuteranomaly 6% of men, 0.4% of women
#5d7b7d Tritanomaly 0.01% of the population

#557870 hex color

#557870 Color Information

#557870 Color Conversion

Color Schemes with #557870

Alternatives to #557870

#557870 Preview

Shades and Tints of #557870

Tones of #557870

Color Blindness Simulator