#557970 hex color

In a RGB color space, hex #557970 is composed of 33.3% red, 47.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 0% magenta, 7.4% yellow and 52.5% black. It has a hue angle of 165 degrees, a saturation of 17.5% and a lightness of 40.4%. #557970 color hex could be obtained by blending #aaf2e0 with #000000. Closest websafe color is: #666666.

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

● #557970 color description : Mostly desaturated dark cyan.

The hexadecimal color #557970 has RGB values of R:85, G:121, B:112 and CMYK values of C:0.3, M:0, Y:0.07, K:0.53. Its decimal value is 5601648.

Hex triplet	557970	`#557970`
RGB Decimal	85, 121, 112	`rgb(85,121,112)`
RGB Percent	33.3, 47.5, 43.9	`rgb(33.3%,47.5%,43.9%)`
CMYK	30, 0, 7, 53
HSL	165°, 17.5, 40.4	`hsl(165,17.5%,40.4%)`
HSV (or HSB)	165°, 29.8, 47.5
Web Safe	666666	`#666666`

CIE-LAB	47.976, -14.832, 0.833
XYZ	13.508, 16.775, 17.855
xyY	0.281, 0.348, 16.775
CIE-LCH	47.976, 14.856, 176.784
CIE-LUV	47.976, -17.655, 3.363
Hunter-Lab	40.958, -12.808, 2.824
Binary	01010101, 01111001, 01110000

#557970
```
#557970 rgb(85,121,112)
```
#79555e
```
#79555e rgb(121,85,94)
```

Complementary Color

#55795e
```
#55795e rgb(85,121,94)
```
#557970
```
#557970 rgb(85,121,112)
```
#557079
```
#557079 rgb(85,112,121)
```

Analogous Color

#795e55
```
#795e55 rgb(121,94,85)
```
#557970
```
#557970 rgb(85,121,112)
```
#795570
```
#795570 rgb(121,85,112)
```

Split Complementary Color

#797055
```
#797055 rgb(121,112,85)
```
#557970
```
#557970 rgb(85,121,112)
```
#705579
```
#705579 rgb(112,85,121)
```

Triadic Color

#5e7955
```
#5e7955 rgb(94,121,85)
```
#557970
```
#557970 rgb(85,121,112)
```
#705579
```
#705579 rgb(112,85,121)
```
#79555e
```
#79555e rgb(121,85,94)
```

Tetradic Color

#354c46
```
#354c46 rgb(53,76,70)
```
#405b54
```
#405b54 rgb(64,91,84)
```
#4a6a62
```
#4a6a62 rgb(74,106,98)
```
#557970
```
#557970 rgb(85,121,112)
```
#60887e
```
#60887e rgb(96,136,126)
```
#6a978c
```
#6a978c rgb(106,151,140)
```
#79a197
```
#79a197 rgb(121,161,151)
```

Monochromatic Color

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

#557967
```
#557967 rgb(85,121,103)
```
#55796a
```
#55796a rgb(85,121,106)
```
#55796d
```
#55796d rgb(85,121,109)
```
#557970
```
#557970 rgb(85,121,112)
```
#557973
```
#557973 rgb(85,121,115)
```
#557976
```
#557976 rgb(85,121,118)
```
#557979
```
#557979 rgb(85,121,121)
```

Similar Colors

Text with hexadecimal color #557970

This text has a font color of #557970.

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

#557970 background color

This paragraph has a background color of #557970.

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

#557970 border color

This element has a border color of #557970.

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

CSS codes

.text {color:#557970;}

.background {background-color:#557970;}

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

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

#040605
```
#040605 rgb(4,6,5)
```
#0c1110
```
#0c1110 rgb(12,17,16)
```
#141d1b
```
#141d1b rgb(20,29,27)
```
#1c2825
```
#1c2825 rgb(28,40,37)
```
#243430
```
#243430 rgb(36,52,48)
```
#2d3f3b
```
#2d3f3b rgb(45,63,59)
```
#354b45
```
#354b45 rgb(53,75,69)
```
#3d5650
```
#3d5650 rgb(61,86,80)
```
#45625b
```
#45625b rgb(69,98,91)
```
#4d6d65
```
#4d6d65 rgb(77,109,101)
```
#557970
```
#557970 rgb(85,121,112)
```
#5d857b
```
#5d857b rgb(93,133,123)
```
#659085
```
#659085 rgb(101,144,133)
```

Shade Color Variation

#6f9a8f
```
#6f9a8f rgb(111,154,143)
```
#7ba298
```
#7ba298 rgb(123,162,152)
```
#86aaa1
```
#86aaa1 rgb(134,170,161)
```
#92b2aa
```
#92b2aa rgb(146,178,170)
```
#9dbab3
```
#9dbab3 rgb(157,186,179)
```
#a9c2bc
```
#a9c2bc rgb(169,194,188)
```
#b4cac5
```
#b4cac5 rgb(180,202,197)
```
#c0d3ce
```
#c0d3ce rgb(192,211,206)
```
#cbdbd7
```
#cbdbd7 rgb(203,219,215)
```
#d7e3e0
```
#d7e3e0 rgb(215,227,224)
```
#e2ebe9
```
#e2ebe9 rgb(226,235,233)
```
#eef3f2
```
#eef3f2 rgb(238,243,242)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

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

#656968
```
#656968 rgb(101,105,104)
```
#5d716c
```
#5d716c rgb(93,113,108)
```
#557970
```
#557970 rgb(85,121,112)
```
#4d8174
```
#4d8174 rgb(77,129,116)
```
#458978
```
#458978 rgb(69,137,120)
```
#3d917c
```
#3d917c rgb(61,145,124)
```
#359980
```
#359980 rgb(53,153,128)
```
#2da184
```
#2da184 rgb(45,161,132)
```
#25a988
```
#25a988 rgb(37,169,136)
```
#1eb08c
```
#1eb08c rgb(30,176,140)
```
#16b890
```
#16b890 rgb(22,184,144)
```
#0ec094
```
#0ec094 rgb(14,192,148)
```
#06c898
```
#06c898 rgb(6,200,152)
```

Tone Color Variation

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

#7c7873 Protanopia 1% of men
#83757a Deuteranopia 1% of men
#617d86 Tritanopia 0.001% of the population

Trichromacy

#6e7872 Protanomaly 1% of men, 0.01% of women
#727676 Deuteranomaly 6% of men, 0.4% of women
#5d7b7e Tritanomaly 0.01% of the population

#557970 hex color

#557970 Color Information

#557970 Color Conversion

Color Schemes with #557970

Alternatives to #557970

#557970 Preview

Shades and Tints of #557970

Tones of #557970

Color Blindness Simulator