#557c8c hex color

In a RGB color space, hex #557c8c is composed of 33.3% red, 48.6% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 11.4% magenta, 0% yellow and 45.1% black. It has a hue angle of 197.5 degrees, a saturation of 24.4% and a lightness of 44.1%. #557c8c color hex could be obtained by blending #aaf8ff with #000019. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 49
- B 55
RGB color chart
- C 39
- M 11
- Y 0
- K 45
CMYK color chart

● #557c8c color description : Mostly desaturated dark blue.

The hexadecimal color #557c8c has RGB values of R:85, G:124, B:140 and CMYK values of C:0.39, M:0.11, Y:0, K:0.45. Its decimal value is 5602444.

Hex triplet	557c8c	`#557c8c`
RGB Decimal	85, 124, 140	`rgb(85,124,140)`
RGB Percent	33.3, 48.6, 54.9	`rgb(33.3%,48.6%,54.9%)`
CMYK	39, 11, 0, 45
HSL	197.5°, 24.4, 44.1	`hsl(197.5,24.4%,44.1%)`
HSV (or HSB)	197.5°, 39.3, 54.9
Web Safe	666699	`#666699`

CIE-LAB	49.785, -9.295, -13.004
XYZ	15.686, 18.239, 27.503
xyY	0.255, 0.297, 18.239
CIE-LCH	49.785, 15.984, 234.445
CIE-LUV	49.785, -18.815, -17.351
Hunter-Lab	42.708, -9.175, -8.287
Binary	01010101, 01111100, 10001100

#557c8c
```
#557c8c rgb(85,124,140)
```
#8c6555
```
#8c6555 rgb(140,101,85)
```

Complementary Color

#558c81
```
#558c81 rgb(85,140,129)
```
#557c8c
```
#557c8c rgb(85,124,140)
```
#55618c
```
#55618c rgb(85,97,140)
```

Analogous Color

#8c8155
```
#8c8155 rgb(140,129,85)
```
#557c8c
```
#557c8c rgb(85,124,140)
```
#8c5561
```
#8c5561 rgb(140,85,97)
```

Split Complementary Color

#7c8c55
```
#7c8c55 rgb(124,140,85)
```
#557c8c
```
#557c8c rgb(85,124,140)
```
#8c557c
```
#8c557c rgb(140,85,124)
```

Triadic Color

#558c65
```
#558c65 rgb(85,140,101)
```
#557c8c
```
#557c8c rgb(85,124,140)
```
#8c557c
```
#8c557c rgb(140,85,124)
```
#8c6555
```
#8c6555 rgb(140,101,85)
```

Tetradic Color

#38525c
```
#38525c rgb(56,82,92)
```
#42606c
```
#42606c rgb(66,96,108)
```
#4b6e7c
```
#4b6e7c rgb(75,110,124)
```
#557c8c
```
#557c8c rgb(85,124,140)
```
#5f8a9c
```
#5f8a9c rgb(95,138,156)
```
#6d96a7
```
#6d96a7 rgb(109,150,167)
```
#7da1b0
```
#7da1b0 rgb(125,161,176)
```

Monochromatic Color

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

#558a8c
```
#558a8c rgb(85,138,140)
```
#55858c
```
#55858c rgb(85,133,140)
```
#55818c
```
#55818c rgb(85,129,140)
```
#557c8c
```
#557c8c rgb(85,124,140)
```
#55778c
```
#55778c rgb(85,119,140)
```
#55738c
```
#55738c rgb(85,115,140)
```
#556e8c
```
#556e8c rgb(85,110,140)
```

Similar Colors

Text with hexadecimal color #557c8c

This text has a font color of #557c8c.

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

#557c8c background color

This paragraph has a background color of #557c8c.

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

#557c8c border color

This element has a border color of #557c8c.

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

CSS codes

.text {color:#557c8c;}

.background {background-color:#557c8c;}

.border {border:1px solid #557c8c;}

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

#030506
```
#030506 rgb(3,5,6)
```
#0b1012
```
#0b1012 rgb(11,16,18)
```
#121b1e
```
#121b1e rgb(18,27,30)
```
#1a262a
```
#1a262a rgb(26,38,42)
```
#213037
```
#213037 rgb(33,48,55)
```
#293b43
```
#293b43 rgb(41,59,67)
```
#30464f
```
#30464f rgb(48,70,79)
```
#37515b
```
#37515b rgb(55,81,91)
```
#3f5c67
```
#3f5c67 rgb(63,92,103)
```
#466674
```
#466674 rgb(70,102,116)
```
#4e7180
```
#4e7180 rgb(78,113,128)
```
#557c8c
```
#557c8c rgb(85,124,140)
```
#5c8798
```
#5c8798 rgb(92,135,152)
```

Shade Color Variation

#6691a2
```
#6691a2 rgb(102,145,162)
```
#7299aa
```
#7299aa rgb(114,153,170)
```
#7ea2b1
```
#7ea2b1 rgb(126,162,177)
```
#8babb8
```
#8babb8 rgb(139,171,184)
```
#97b4c0
```
#97b4c0 rgb(151,180,192)
```
#a3bdc7
```
#a3bdc7 rgb(163,189,199)
```
#afc6cf
```
#afc6cf rgb(175,198,207)
```
#bcced6
```
#bcced6 rgb(188,206,214)
```
#c8d7dd
```
#c8d7dd rgb(200,215,221)
```
#d4e0e5
```
#d4e0e5 rgb(212,224,229)
```
#e0e9ec
```
#e0e9ec rgb(224,233,236)
```
#ecf2f4
```
#ecf2f4 rgb(236,242,244)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7172 is the less saturated color, while #079dda is the most saturated one.

#6f7172
```
#6f7172 rgb(111,113,114)
```
#66757b
```
#66757b rgb(102,117,123)
```
#5e7883
```
#5e7883 rgb(94,120,131)
```
#557c8c
```
#557c8c rgb(85,124,140)
```
#4c8095
```
#4c8095 rgb(76,128,149)
```
#44839d
```
#44839d rgb(68,131,157)
```
#3b87a6
```
#3b87a6 rgb(59,135,166)
```
#328aaf
```
#328aaf rgb(50,138,175)
```
#2a8eb7
```
#2a8eb7 rgb(42,142,183)
```
#2192c0
```
#2192c0 rgb(33,146,192)
```
#1895c9
```
#1895c9 rgb(24,149,201)
```
#1099d1
```
#1099d1 rgb(16,153,209)
```
#079dda
```
#079dda rgb(7,157,218)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6c7477 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7c8e Protanopia 1% of men
#7c7a94 Deuteranopia 1% of men
#5c838d Tritanopia 0.001% of the population

Trichromacy

#6c7c8d Protanomaly 1% of men, 0.01% of women
#6e7b91 Deuteranomaly 6% of men, 0.4% of women
#59808c Tritanomaly 0.01% of the population

#557c8c hex color

#557c8c Color Information

#557c8c Color Conversion

Color Schemes with #557c8c

Alternatives to #557c8c

#557c8c Preview

Shades and Tints of #557c8c

Tones of #557c8c

Color Blindness Simulator