#557670 hex color

In a RGB color space, hex #557670 is composed of 33.3% red, 46.3% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 28% cyan, 0% magenta, 5.1% yellow and 53.7% black. It has a hue angle of 169.1 degrees, a saturation of 16.3% and a lightness of 39.8%. #557670 color hex could be obtained by blending #aaece0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 46
- B 44
RGB color chart
- C 28
- M 0
- Y 5
- K 54
CMYK color chart

● #557670 color description : Mostly desaturated dark cyan.

The hexadecimal color #557670 has RGB values of R:85, G:118, B:112 and CMYK values of C:0.28, M:0, Y:0.05, K:0.54. Its decimal value is 5600880.

Hex triplet	557670	`#557670`
RGB Decimal	85, 118, 112	`rgb(85,118,112)`
RGB Percent	33.3, 46.3, 43.9	`rgb(33.3%,46.3%,43.9%)`
CMYK	28, 0, 5, 54
HSL	169.1°, 16.3, 39.8	`hsl(169.1,16.3%,39.8%)`
HSV (or HSB)	169.1°, 28, 46.3
Web Safe	666666	`#666666`

CIE-LAB	47.05, -13.173, -0.518
XYZ	13.149, 16.058, 17.735
xyY	0.28, 0.342, 16.058
CIE-LCH	47.05, 13.184, 182.251
CIE-LUV	47.05, -16.296, 1.269
Hunter-Lab	40.072, -11.555, 1.81
Binary	01010101, 01110110, 01110000

#557670
```
#557670 rgb(85,118,112)
```
#76555b
```
#76555b rgb(118,85,91)
```

Complementary Color

#557660
```
#557660 rgb(85,118,96)
```
#557670
```
#557670 rgb(85,118,112)
```
#556c76
```
#556c76 rgb(85,108,118)
```

Analogous Color

#766055
```
#766055 rgb(118,96,85)
```
#557670
```
#557670 rgb(85,118,112)
```
#76556c
```
#76556c rgb(118,85,108)
```

Split Complementary Color

#767055
```
#767055 rgb(118,112,85)
```
#557670
```
#557670 rgb(85,118,112)
```
#705576
```
#705576 rgb(112,85,118)
```

Triadic Color

#5b7655
```
#5b7655 rgb(91,118,85)
```
#557670
```
#557670 rgb(85,118,112)
```
#705576
```
#705576 rgb(112,85,118)
```
#76555b
```
#76555b rgb(118,85,91)
```

Tetradic Color

#354a46
```
#354a46 rgb(53,74,70)
```
#405854
```
#405854 rgb(64,88,84)
```
#4a6762
```
#4a6762 rgb(74,103,98)
```
#557670
```
#557670 rgb(85,118,112)
```
#60857e
```
#60857e rgb(96,133,126)
```
#6a948c
```
#6a948c rgb(106,148,140)
```
#799e98
```
#799e98 rgb(121,158,152)
```

Monochromatic Color

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

#557668
```
#557668 rgb(85,118,104)
```
#55766b
```
#55766b rgb(85,118,107)
```
#55766d
```
#55766d rgb(85,118,109)
```
#557670
```
#557670 rgb(85,118,112)
```
#557673
```
#557673 rgb(85,118,115)
```
#557676
```
#557676 rgb(85,118,118)
```
#557476
```
#557476 rgb(85,116,118)
```

Similar Colors

Text with hexadecimal color #557670

This text has a font color of #557670.

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

#557670 background color

This paragraph has a background color of #557670.

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

#557670 border color

This element has a border color of #557670.

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

CSS codes

.text {color:#557670;}

.background {background-color:#557670;}

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0b0f0f
```
#0b0f0f rgb(11,15,15)
```
#131b19
```
#131b19 rgb(19,27,25)
```
#1c2624
```
#1c2624 rgb(28,38,36)
```
#24322f
```
#24322f rgb(36,50,47)
```
#2c3d3a
```
#2c3d3a rgb(44,61,58)
```
#344845
```
#344845 rgb(52,72,69)
```
#3c5450
```
#3c5450 rgb(60,84,80)
```
#455f5a
```
#455f5a rgb(69,95,90)
```
#4d6b65
```
#4d6b65 rgb(77,107,101)
```
#557670
```
#557670 rgb(85,118,112)
```
#5d817b
```
#5d817b rgb(93,129,123)
```
#658d86
```
#658d86 rgb(101,141,134)
```

Shade Color Variation

#6f9790
```
#6f9790 rgb(111,151,144)
```
#7a9f99
```
#7a9f99 rgb(122,159,153)
```
#86a8a1
```
#86a8a1 rgb(134,168,161)
```
#91b0aa
```
#91b0aa rgb(145,176,170)
```
#9cb8b3
```
#9cb8b3 rgb(156,184,179)
```
#a8c0bc
```
#a8c0bc rgb(168,192,188)
```
#b3c8c5
```
#b3c8c5 rgb(179,200,197)
```
#bfd1cd
```
#bfd1cd rgb(191,209,205)
```
#cad9d6
```
#cad9d6 rgb(202,217,214)
```
#d5e1df
```
#d5e1df rgb(213,225,223)
```
#e1e9e8
```
#e1e9e8 rgb(225,233,232)
```
#ecf1f0
```
#ecf1f0 rgb(236,241,240)
```
#f8faf9
```
#f8faf9 rgb(248,250,249)
```

Tint Color Variation

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

#656666
```
#656666 rgb(101,102,102)
```
#5d6e6b
```
#5d6e6b rgb(93,110,107)
```
#557670
```
#557670 rgb(85,118,112)
```
#4d7e75
```
#4d7e75 rgb(77,126,117)
```
#45867a
```
#45867a rgb(69,134,122)
```
#3e8d7f
```
#3e8d7f rgb(62,141,127)
```
#369584
```
#369584 rgb(54,149,132)
```
#2e9d89
```
#2e9d89 rgb(46,157,137)
```
#26a58e
```
#26a58e rgb(38,165,142)
```
#1ead93
```
#1ead93 rgb(30,173,147)
```
#17b498
```
#17b498 rgb(23,180,152)
```
#0fbc9d
```
#0fbc9d rgb(15,188,157)
```
#07c4a2
```
#07c4a2 rgb(7,196,162)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#676d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#797673 Protanopia 1% of men
#80737a Deuteranopia 1% of men
#617b84 Tritanopia 0.001% of the population

Trichromacy

#6c7672 Protanomaly 1% of men, 0.01% of women
#707476 Deuteranomaly 6% of men, 0.4% of women
#5c797c Tritanomaly 0.01% of the population

#557670 hex color

#557670 Color Information

#557670 Color Conversion

Color Schemes with #557670

Alternatives to #557670

#557670 Preview

Shades and Tints of #557670

Tones of #557670

Color Blindness Simulator