#557d8c hex color

In a RGB color space, hex #557d8c is composed of 33.3% red, 49% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 10.7% magenta, 0% yellow and 45.1% black. It has a hue angle of 196.4 degrees, a saturation of 24.4% and a lightness of 44.1%. #557d8c color hex could be obtained by blending #aafaff 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

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

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

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

CIE-LAB	50.087, -9.862, -12.549
XYZ	15.812, 18.491, 27.545
xyY	0.256, 0.299, 18.491
CIE-LCH	50.087, 15.96, 231.836
CIE-LUV	50.087, -19.235, -16.611
Hunter-Lab	43.001, -9.615, -7.878
Binary	01010101, 01111101, 10001100

#557d8c
```
#557d8c rgb(85,125,140)
```
#8c6455
```
#8c6455 rgb(140,100,85)
```

Complementary Color

#558c80
```
#558c80 rgb(85,140,128)
```
#557d8c
```
#557d8c rgb(85,125,140)
```
#55618c
```
#55618c rgb(85,97,140)
```

Analogous Color

#8c8055
```
#8c8055 rgb(140,128,85)
```
#557d8c
```
#557d8c rgb(85,125,140)
```
#8c5561
```
#8c5561 rgb(140,85,97)
```

Split Complementary Color

#7d8c55
```
#7d8c55 rgb(125,140,85)
```
#557d8c
```
#557d8c rgb(85,125,140)
```
#8c557d
```
#8c557d rgb(140,85,125)
```

Triadic Color

#558c64
```
#558c64 rgb(85,140,100)
```
#557d8c
```
#557d8c rgb(85,125,140)
```
#8c557d
```
#8c557d rgb(140,85,125)
```
#8c6455
```
#8c6455 rgb(140,100,85)
```

Tetradic Color

#38535c
```
#38535c rgb(56,83,92)
```
#42616c
```
#42616c rgb(66,97,108)
```
#4b6f7c
```
#4b6f7c rgb(75,111,124)
```
#557d8c
```
#557d8c rgb(85,125,140)
```
#5f8b9c
```
#5f8b9c rgb(95,139,156)
```
#6d97a7
```
#6d97a7 rgb(109,151,167)
```
#7da2b0
```
#7da2b0 rgb(125,162,176)
```

Monochromatic Color

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

#558b8c
```
#558b8c rgb(85,139,140)
```
#55868c
```
#55868c rgb(85,134,140)
```
#55828c
```
#55828c rgb(85,130,140)
```
#557d8c
```
#557d8c rgb(85,125,140)
```
#55788c
```
#55788c rgb(85,120,140)
```
#55748c
```
#55748c rgb(85,116,140)
```
#556f8c
```
#556f8c rgb(85,111,140)
```

Similar Colors

Text with hexadecimal color #557d8c

This text has a font color of #557d8c.

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

#557d8c background color

This paragraph has a background color of #557d8c.

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

#557d8c border color

This element has a border color of #557d8c.

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

CSS codes

.text {color:#557d8c;}

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

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

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)
```
#213137
```
#213137 rgb(33,49,55)
```
#293c43
```
#293c43 rgb(41,60,67)
```
#30474f
```
#30474f rgb(48,71,79)
```
#37515b
```
#37515b rgb(55,81,91)
```
#3f5c67
```
#3f5c67 rgb(63,92,103)
```
#466774
```
#466774 rgb(70,103,116)
```
#4e7280
```
#4e7280 rgb(78,114,128)
```
#557d8c
```
#557d8c rgb(85,125,140)
```
#5c8898
```
#5c8898 rgb(92,136,152)
```

Shade Color Variation

#6692a2
```
#6692a2 rgb(102,146,162)
```
#729aaa
```
#729aaa rgb(114,154,170)
```
#7ea3b1
```
#7ea3b1 rgb(126,163,177)
```
#8bacb8
```
#8bacb8 rgb(139,172,184)
```
#97b5c0
```
#97b5c0 rgb(151,181,192)
```
#a3bdc7
```
#a3bdc7 rgb(163,189,199)
```
#afc6cf
```
#afc6cf rgb(175,198,207)
```
#bccfd6
```
#bccfd6 rgb(188,207,214)
```
#c8d8dd
```
#c8d8dd rgb(200,216,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 #07a0da is the most saturated one.

#6f7172
```
#6f7172 rgb(111,113,114)
```
#66757b
```
#66757b rgb(102,117,123)
```
#5e7983
```
#5e7983 rgb(94,121,131)
```
#557d8c
```
#557d8c rgb(85,125,140)
```
#4c8195
```
#4c8195 rgb(76,129,149)
```
#44859d
```
#44859d rgb(68,133,157)
```
#3b89a6
```
#3b89a6 rgb(59,137,166)
```
#328daf
```
#328daf rgb(50,141,175)
```
#2a91b7
```
#2a91b7 rgb(42,145,183)
```
#2195c0
```
#2195c0 rgb(33,149,192)
```
#1899c9
```
#1899c9 rgb(24,153,201)
```
#109cd1
```
#109cd1 rgb(16,156,209)
```
#07a0da
```
#07a0da rgb(7,160,218)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6d7578 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7d8e Protanopia 1% of men
#7e7b94 Deuteranopia 1% of men
#5c848e Tritanopia 0.001% of the population

Trichromacy

#6d7d8d Protanomaly 1% of men, 0.01% of women
#6f7c91 Deuteranomaly 6% of men, 0.4% of women
#59818d Tritanomaly 0.01% of the population

#557d8c hex color

#557d8c Color Information

#557d8c Color Conversion

Color Schemes with #557d8c

Alternatives to #557d8c

#557d8c Preview

Shades and Tints of #557d8c

Tones of #557d8c

Color Blindness Simulator