#557278 hex color

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

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

● #557278 color description : Mostly desaturated dark cyan.

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

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

CIE-LAB	46.071, -8.928, -6.731
XYZ	13.153, 15.322, 20.033
xyY	0.271, 0.316, 15.322
CIE-LCH	46.071, 11.181, 217.016
CIE-LUV	46.071, -14.521, -7.997
Hunter-Lab	39.143, -8.519, -2.944
Binary	01010101, 01110010, 01111000

#557278
```
#557278 rgb(85,114,120)
```
#785b55
```
#785b55 rgb(120,91,85)
```

Complementary Color

#55786d
```
#55786d rgb(85,120,109)
```
#557278
```
#557278 rgb(85,114,120)
```
#556178
```
#556178 rgb(85,97,120)
```

Analogous Color

#786d55
```
#786d55 rgb(120,109,85)
```
#557278
```
#557278 rgb(85,114,120)
```
#785561
```
#785561 rgb(120,85,97)
```

Split Complementary Color

#727855
```
#727855 rgb(114,120,85)
```
#557278
```
#557278 rgb(85,114,120)
```
#785572
```
#785572 rgb(120,85,114)
```

Triadic Color

#55785b
```
#55785b rgb(85,120,91)
```
#557278
```
#557278 rgb(85,114,120)
```
#785572
```
#785572 rgb(120,85,114)
```
#785b55
```
#785b55 rgb(120,91,85)
```

Tetradic Color

#35474b
```
#35474b rgb(53,71,75)
```
#40565a
```
#40565a rgb(64,86,90)
```
#4a6469
```
#4a6469 rgb(74,100,105)
```
#557278
```
#557278 rgb(85,114,120)
```
#608087
```
#608087 rgb(96,128,135)
```
#6a8e96
```
#6a8e96 rgb(106,142,150)
```
#799aa0
```
#799aa0 rgb(121,154,160)
```

Monochromatic Color

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

#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)
```
#556c78
```
#556c78 rgb(85,108,120)
```
#556978
```
#556978 rgb(85,105,120)
```

Similar Colors

Text with hexadecimal color #557278

This text has a font color of #557278.

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

#557278 background color

This paragraph has a background color of #557278.

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

#557278 border color

This element has a border color of #557278.

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

CSS codes

.text {color:#557278;}

.background {background-color:#557278;}

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

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

#040505
```
#040505 rgb(4,5,5)
```
#0c1011
```
#0c1011 rgb(12,16,17)
```
#141b1c
```
#141b1c rgb(20,27,28)
```
#1c2628
```
#1c2628 rgb(28,38,40)
```
#243133
```
#243133 rgb(36,49,51)
```
#2c3b3f
```
#2c3b3f rgb(44,59,63)
```
#34464a
```
#34464a rgb(52,70,74)
```
#3d5156
```
#3d5156 rgb(61,81,86)
```
#455c61
```
#455c61 rgb(69,92,97)
```
#4d676d
```
#4d676d rgb(77,103,109)
```
#557278
```
#557278 rgb(85,114,120)
```
#5d7d83
```
#5d7d83 rgb(93,125,131)
```
#65888f
```
#65888f rgb(101,136,143)
```

Shade Color Variation

#6f9299
```
#6f9299 rgb(111,146,153)
```
#7a9aa1
```
#7a9aa1 rgb(122,154,161)
```
#86a3a9
```
#86a3a9 rgb(134,163,169)
```
#91acb1
```
#91acb1 rgb(145,172,177)
```
#9db5b9
```
#9db5b9 rgb(157,181,185)
```
#a8bdc2
```
#a8bdc2 rgb(168,189,194)
```
#b4c6ca
```
#b4c6ca rgb(180,198,202)
```
#bfcfd2
```
#bfcfd2 rgb(191,207,210)
```
#cbd7da
```
#cbd7da rgb(203,215,218)
```
#d6e0e2
```
#d6e0e2 rgb(214,224,226)
```
#e2e9ea
```
#e2e9ea rgb(226,233,234)
```
#edf2f2
```
#edf2f2 rgb(237,242,242)
```
#f9fafb
```
#f9fafb rgb(249,250,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 #06a6c7 is the most saturated one.

#656868
```
#656868 rgb(101,104,104)
```
#5d6d70
```
#5d6d70 rgb(93,109,112)
```
#557278
```
#557278 rgb(85,114,120)
```
#4d7780
```
#4d7780 rgb(77,119,128)
```
#457c88
```
#457c88 rgb(69,124,136)
```
#3d8290
```
#3d8290 rgb(61,130,144)
```
#358798
```
#358798 rgb(53,135,152)
```
#2e8c9f
```
#2e8c9f rgb(46,140,159)
```
#2691a7
```
#2691a7 rgb(38,145,167)
```
#1e96af
```
#1e96af rgb(30,150,175)
```
#169bb7
```
#169bb7 rgb(22,155,183)
```
#0ea1bf
```
#0ea1bf rgb(14,161,191)
```
#06a6c7
```
#06a6c7 rgb(6,166,199)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#666c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#74747c Protanopia 1% of men
#797181 Deuteranopia 1% of men
#5e7881 Tritanopia 0.001% of the population

Trichromacy

#68737a Protanomaly 1% of men, 0.01% of women
#6c717e Deuteranomaly 6% of men, 0.4% of women
#5b767e Tritanomaly 0.01% of the population

#557278 hex color

#557278 Color Information

#557278 Color Conversion

Color Schemes with #557278

Alternatives to #557278

#557278 Preview

Shades and Tints of #557278

Tones of #557278

Color Blindness Simulator