#557478 hex color

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

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

● #557478 color description : Mostly desaturated dark cyan.

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

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

CIE-LAB	46.681, -10.07, -5.823
XYZ	13.381, 15.778, 20.109
xyY	0.272, 0.32, 15.778
CIE-LCH	46.681, 11.633, 210.04
CIE-LUV	46.681, -15.407, -6.569
Hunter-Lab	39.721, -9.38, -2.211
Binary	01010101, 01110100, 01111000

#557478
```
#557478 rgb(85,116,120)
```
#785955
```
#785955 rgb(120,89,85)
```

Complementary Color

#55786b
```
#55786b rgb(85,120,107)
```
#557478
```
#557478 rgb(85,116,120)
```
#556378
```
#556378 rgb(85,99,120)
```

Analogous Color

#786b55
```
#786b55 rgb(120,107,85)
```
#557478
```
#557478 rgb(85,116,120)
```
#785563
```
#785563 rgb(120,85,99)
```

Split Complementary Color

#747855
```
#747855 rgb(116,120,85)
```
#557478
```
#557478 rgb(85,116,120)
```
#785574
```
#785574 rgb(120,85,116)
```

Triadic Color

#557859
```
#557859 rgb(85,120,89)
```
#557478
```
#557478 rgb(85,116,120)
```
#785574
```
#785574 rgb(120,85,116)
```
#785955
```
#785955 rgb(120,89,85)
```

Tetradic Color

#35494b
```
#35494b rgb(53,73,75)
```
#40575a
```
#40575a rgb(64,87,90)
```
#4a6669
```
#4a6669 rgb(74,102,105)
```
#557478
```
#557478 rgb(85,116,120)
```
#608287
```
#608287 rgb(96,130,135)
```
#6a9196
```
#6a9196 rgb(106,145,150)
```
#799ca0
```
#799ca0 rgb(121,156,160)
```

Monochromatic Color

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

#557873
```
#557873 rgb(85,120,115)
```
#557876
```
#557876 rgb(85,120,118)
```
#557778
```
#557778 rgb(85,119,120)
```
#557478
```
#557478 rgb(85,116,120)
```
#557178
```
#557178 rgb(85,113,120)
```
#556e78
```
#556e78 rgb(85,110,120)
```
#556b78
```
#556b78 rgb(85,107,120)
```

Similar Colors

Text with hexadecimal color #557478

This text has a font color of #557478.

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

#557478 background color

This paragraph has a background color of #557478.

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

#557478 border color

This element has a border color of #557478.

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

CSS codes

.text {color:#557478;}

.background {background-color:#557478;}

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

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)
```
#2c3d3f
```
#2c3d3f rgb(44,61,63)
```
#34484a
```
#34484a rgb(52,72,74)
```
#3d5356
```
#3d5356 rgb(61,83,86)
```
#455e61
```
#455e61 rgb(69,94,97)
```
#4d696d
```
#4d696d rgb(77,105,109)
```
#557478
```
#557478 rgb(85,116,120)
```
#5d7f83
```
#5d7f83 rgb(93,127,131)
```
#658a8f
```
#658a8f rgb(101,138,143)
```

Shade Color Variation

#6f9499
```
#6f9499 rgb(111,148,153)
```
#7a9da1
```
#7a9da1 rgb(122,157,161)
```
#86a5a9
```
#86a5a9 rgb(134,165,169)
```
#91aeb1
```
#91aeb1 rgb(145,174,177)
```
#9db6b9
```
#9db6b9 rgb(157,182,185)
```
#a8bfc2
```
#a8bfc2 rgb(168,191,194)
```
#b4c7ca
```
#b4c7ca rgb(180,199,202)
```
#bfd0d2
```
#bfd0d2 rgb(191,208,210)
```
#cbd8da
```
#cbd8da rgb(203,216,218)
```
#d6e1e2
```
#d6e1e2 rgb(214,225,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 #06b1c7 is the most saturated one.

#656868
```
#656868 rgb(101,104,104)
```
#5d6e70
```
#5d6e70 rgb(93,110,112)
```
#557478
```
#557478 rgb(85,116,120)
```
#4d7a80
```
#4d7a80 rgb(77,122,128)
```
#458088
```
#458088 rgb(69,128,136)
```
#3d8690
```
#3d8690 rgb(61,134,144)
```
#358c98
```
#358c98 rgb(53,140,152)
```
#2e929f
```
#2e929f rgb(46,146,159)
```
#2698a7
```
#2698a7 rgb(38,152,167)
```
#1e9faf
```
#1e9faf rgb(30,159,175)
```
#16a5b7
```
#16a5b7 rgb(22,165,183)
```
#0eabbf
```
#0eabbf rgb(14,171,191)
```
#06b1c7
```
#06b1c7 rgb(6,177,199)
```

Tone Color Variation

Below, you can see how #557478 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
#676d6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#76757b Protanopia 1% of men
#7b7381 Deuteranopia 1% of men
#5f7a83 Tritanopia 0.001% of the population

Trichromacy

#6a747a Protanomaly 1% of men, 0.01% of women
#6d737e Deuteranomaly 6% of men, 0.4% of women
#5b787f Tritanomaly 0.01% of the population

#557478 hex color

#557478 Color Information

#557478 Color Conversion

Color Schemes with #557478

Alternatives to #557478

#557478 Preview

Shades and Tints of #557478

Tones of #557478

Color Blindness Simulator