#557a8d hex color

In a RGB color space, hex #557a8d is composed of 33.3% red, 47.8% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 39.7% cyan, 13.5% magenta, 0% yellow and 44.7% black. It has a hue angle of 200.4 degrees, a saturation of 24.8% and a lightness of 44.3%. #557a8d color hex could be obtained by blending #aaf4ff with #00001b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 48
- B 55
RGB color chart
- C 40
- M 13
- Y 0
- K 45
CMYK color chart

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

The hexadecimal color #557a8d has RGB values of R:85, G:122, B:141 and CMYK values of C:0.4, M:0.13, Y:0, K:0.45. Its decimal value is 5601933.

Hex triplet	557a8d	`#557a8d`
RGB Decimal	85, 122, 141	`rgb(85,122,141)`
RGB Percent	33.3, 47.8, 55.3	`rgb(33.3%,47.8%,55.3%)`
CMYK	40, 13, 0, 45
HSL	200.4°, 24.8, 44.3	`hsl(200.4,24.8%,44.3%)`
HSV (or HSB)	200.4°, 39.7, 55.3
Web Safe	666699	`#666699`

CIE-LAB	49.219, -7.874, -14.449
XYZ	15.512, 17.773, 27.811
xyY	0.254, 0.291, 17.773
CIE-LCH	49.219, 16.455, 241.412
CIE-LUV	49.219, -17.974, -19.674
Hunter-Lab	42.158, -8.095, -9.602
Binary	01010101, 01111010, 10001101

#557a8d
```
#557a8d rgb(85,122,141)
```
#8d6855
```
#8d6855 rgb(141,104,85)
```

Complementary Color

#558d84
```
#558d84 rgb(85,141,132)
```
#557a8d
```
#557a8d rgb(85,122,141)
```
#555e8d
```
#555e8d rgb(85,94,141)
```

Analogous Color

#8d8455
```
#8d8455 rgb(141,132,85)
```
#557a8d
```
#557a8d rgb(85,122,141)
```
#8d555e
```
#8d555e rgb(141,85,94)
```

Split Complementary Color

#7a8d55
```
#7a8d55 rgb(122,141,85)
```
#557a8d
```
#557a8d rgb(85,122,141)
```
#8d557a
```
#8d557a rgb(141,85,122)
```

Triadic Color

#558d68
```
#558d68 rgb(85,141,104)
```
#557a8d
```
#557a8d rgb(85,122,141)
```
#8d557a
```
#8d557a rgb(141,85,122)
```
#8d6855
```
#8d6855 rgb(141,104,85)
```

Tetradic Color

#38515d
```
#38515d rgb(56,81,93)
```
#425e6d
```
#425e6d rgb(66,94,109)
```
#4b6c7d
```
#4b6c7d rgb(75,108,125)
```
#557a8d
```
#557a8d rgb(85,122,141)
```
#5f889d
```
#5f889d rgb(95,136,157)
```
#6e94a7
```
#6e94a7 rgb(110,148,167)
```
#7ea0b1
```
#7ea0b1 rgb(126,160,177)
```

Monochromatic Color

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

#55888d
```
#55888d rgb(85,136,141)
```
#55838d
```
#55838d rgb(85,131,141)
```
#557f8d
```
#557f8d rgb(85,127,141)
```
#557a8d
```
#557a8d rgb(85,122,141)
```
#55758d
```
#55758d rgb(85,117,141)
```
#55718d
```
#55718d rgb(85,113,141)
```
#556c8d
```
#556c8d rgb(85,108,141)
```

Similar Colors

Text with hexadecimal color #557a8d

This text has a font color of #557a8d.

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

#557a8d background color

This paragraph has a background color of #557a8d.

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

#557a8d border color

This element has a border color of #557a8d.

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

CSS codes

.text {color:#557a8d;}

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

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

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

#040606
```
#040606 rgb(4,6,6)
```
#0b1013
```
#0b1013 rgb(11,16,19)
```
#131b1f
```
#131b1f rgb(19,27,31)
```
#1a252b
```
#1a252b rgb(26,37,43)
```
#213037
```
#213037 rgb(33,48,55)
```
#293a44
```
#293a44 rgb(41,58,68)
```
#304550
```
#304550 rgb(48,69,80)
```
#37505c
```
#37505c rgb(55,80,92)
```
#3f5a68
```
#3f5a68 rgb(63,90,104)
```
#466575
```
#466575 rgb(70,101,117)
```
#4e6f81
```
#4e6f81 rgb(78,111,129)
```
#557a8d
```
#557a8d rgb(85,122,141)
```
#5c8599
```
#5c8599 rgb(92,133,153)
```

Shade Color Variation

#668ea3
```
#668ea3 rgb(102,142,163)
```
#7397aa
```
#7397aa rgb(115,151,170)
```
#7fa0b2
```
#7fa0b2 rgb(127,160,178)
```
#8ba9b9
```
#8ba9b9 rgb(139,169,185)
```
#97b2c0
```
#97b2c0 rgb(151,178,192)
```
#a3bbc8
```
#a3bbc8 rgb(163,187,200)
```
#b0c5cf
```
#b0c5cf rgb(176,197,207)
```
#bcced7
```
#bcced7 rgb(188,206,215)
```
#c8d7de
```
#c8d7de rgb(200,215,222)
```
#d4e0e5
```
#d4e0e5 rgb(212,224,229)
```
#e1e9ed
```
#e1e9ed rgb(225,233,237)
```
#edf2f4
```
#edf2f4 rgb(237,242,244)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

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

#6f7273
```
#6f7273 rgb(111,114,115)
```
#66747c
```
#66747c rgb(102,116,124)
```
#5e7784
```
#5e7784 rgb(94,119,132)
```
#557a8d
```
#557a8d rgb(85,122,141)
```
#4c7d96
```
#4c7d96 rgb(76,125,150)
```
#44809e
```
#44809e rgb(68,128,158)
```
#3b82a7
```
#3b82a7 rgb(59,130,167)
```
#3285b0
```
#3285b0 rgb(50,133,176)
```
#2a88b8
```
#2a88b8 rgb(42,136,184)
```
#218bc1
```
#218bc1 rgb(33,139,193)
```
#188eca
```
#188eca rgb(24,142,202)
```
#0f90d3
```
#0f90d3 rgb(15,144,211)
```
#0793db
```
#0793db rgb(7,147,219)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6b7377 Atypical Achromatopsia 0.001% of the population

Dichromacy

#787b8f Protanopia 1% of men
#7a7995 Deuteranopia 1% of men
#5b828b Tritanopia 0.001% of the population

Trichromacy

#6b7a8e Protanomaly 1% of men, 0.01% of women
#6c7992 Deuteranomaly 6% of men, 0.4% of women
#597f8c Tritanomaly 0.01% of the population

#557a8d hex color

#557a8d Color Information

#557a8d Color Conversion

Color Schemes with #557a8d

Alternatives to #557a8d

#557a8d Preview

Shades and Tints of #557a8d

Tones of #557a8d

Color Blindness Simulator