#557288 hex color

In a RGB color space, hex #557288 is composed of 33.3% red, 44.7% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 16.2% magenta, 0% yellow and 46.7% black. It has a hue angle of 205.9 degrees, a saturation of 23.1% and a lightness of 43.3%. #557288 color hex could be obtained by blending #aae4ff with #000011. Closest websafe color is: #666699.

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

● #557288 color description : Mostly desaturated dark blue.

The hexadecimal color #557288 has RGB values of R:85, G:114, B:136 and CMYK values of C:0.38, M:0.16, Y:0, K:0.47. Its decimal value is 5599880.

Hex triplet	557288	`#557288`
RGB Decimal	85, 114, 136	`rgb(85,114,136)`
RGB Percent	33.3, 44.7, 53.3	`rgb(33.3%,44.7%,53.3%)`
CMYK	38, 16, 0, 47
HSL	205.9°, 23.1, 43.3	`hsl(205.9,23.1%,43.3%)`
HSV (or HSB)	205.9°, 37.5, 53.3
Web Safe	666699	`#666699`

CIE-LAB	46.635, -4.63, -15.418
XYZ	14.207, 15.743, 25.581
xyY	0.256, 0.283, 15.743
CIE-LCH	46.635, 16.098, 253.286
CIE-LUV	46.635, -14.617, -21.322
Hunter-Lab	39.677, -5.523, -10.452
Binary	01010101, 01110010, 10001000

#557288
```
#557288 rgb(85,114,136)
```
#886b55
```
#886b55 rgb(136,107,85)
```

Complementary Color

#558885
```
#558885 rgb(85,136,133)
```
#557288
```
#557288 rgb(85,114,136)
```
#555988
```
#555988 rgb(85,89,136)
```

Analogous Color

#888555
```
#888555 rgb(136,133,85)
```
#557288
```
#557288 rgb(85,114,136)
```
#885559
```
#885559 rgb(136,85,89)
```

Split Complementary Color

#728855
```
#728855 rgb(114,136,85)
```
#557288
```
#557288 rgb(85,114,136)
```
#885572
```
#885572 rgb(136,85,114)
```

Triadic Color

#55886b
```
#55886b rgb(85,136,107)
```
#557288
```
#557288 rgb(85,114,136)
```
#885572
```
#885572 rgb(136,85,114)
```
#886b55
```
#886b55 rgb(136,107,85)
```

Tetradic Color

#384b59
```
#384b59 rgb(56,75,89)
```
#415869
```
#415869 rgb(65,88,105)
```
#4b6578
```
#4b6578 rgb(75,101,120)
```
#557288
```
#557288 rgb(85,114,136)
```
#5f7f98
```
#5f7f98 rgb(95,127,152)
```
#6d8ca3
```
#6d8ca3 rgb(109,140,163)
```
#7c98ad
```
#7c98ad rgb(124,152,173)
```

Monochromatic Color

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

#557f88
```
#557f88 rgb(85,127,136)
```
#557b88
```
#557b88 rgb(85,123,136)
```
#557688
```
#557688 rgb(85,118,136)
```
#557288
```
#557288 rgb(85,114,136)
```
#556e88
```
#556e88 rgb(85,110,136)
```
#556a88
```
#556a88 rgb(85,106,136)
```
#556588
```
#556588 rgb(85,101,136)
```

Similar Colors

Text with hexadecimal color #557288

This text has a font color of #557288.

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

#557288 background color

This paragraph has a background color of #557288.

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

#557288 border color

This element has a border color of #557288.

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

CSS codes

.text {color:#557288;}

.background {background-color:#557288;}

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

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

#020303
```
#020303 rgb(2,3,3)
```
#0a0d0f
```
#0a0d0f rgb(10,13,15)
```
#11171b
```
#11171b rgb(17,23,27)
```
#192127
```
#192127 rgb(25,33,39)
```
#202b34
```
#202b34 rgb(32,43,52)
```
#283540
```
#283540 rgb(40,53,64)
```
#2f3f4c
```
#2f3f4c rgb(47,63,76)
```
#374a58
```
#374a58 rgb(55,74,88)
```
#3e5464
```
#3e5464 rgb(62,84,100)
```
#465e70
```
#465e70 rgb(70,94,112)
```
#4d687c
```
#4d687c rgb(77,104,124)
```
#557288
```
#557288 rgb(85,114,136)
```
#5d7c94
```
#5d7c94 rgb(93,124,148)
```

Shade Color Variation

#65869f
```
#65869f rgb(101,134,159)
```
#7190a6
```
#7190a6 rgb(113,144,166)
```
#7d99ae
```
#7d99ae rgb(125,153,174)
```
#8aa3b6
```
#8aa3b6 rgb(138,163,182)
```
#96acbd
```
#96acbd rgb(150,172,189)
```
#a2b6c5
```
#a2b6c5 rgb(162,182,197)
```
#aebfcc
```
#aebfcc rgb(174,191,204)
```
#bac9d4
```
#bac9d4 rgb(186,201,212)
```
#c6d2db
```
#c6d2db rgb(198,210,219)
```
#d2dce3
```
#d2dce3 rgb(210,220,227)
```
#dee5ea
```
#dee5ea rgb(222,229,234)
```
#eaeff2
```
#eaeff2 rgb(234,239,242)
```
#f6f8f9
```
#f6f8f9 rgb(246,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #667077 is the less saturated color, while #007edd is the most saturated one.

#667077
```
#667077 rgb(102,112,119)
```
#5e7180
```
#5e7180 rgb(94,113,128)
```
#557288
```
#557288 rgb(85,114,136)
```
#4d7391
```
#4d7391 rgb(77,115,145)
```
#447499
```
#447499 rgb(68,116,153)
```
#3c76a2
```
#3c76a2 rgb(60,118,162)
```
#3377aa
```
#3377aa rgb(51,119,170)
```
#2b78b3
```
#2b78b3 rgb(43,120,179)
```
#2279bb
```
#2279bb rgb(34,121,187)
```
#1a7ac4
```
#1a7ac4 rgb(26,122,196)
```
#117bcc
```
#117bcc rgb(17,123,204)
```
#097dd5
```
#097dd5 rgb(9,125,213)
```
#007edd
```
#007edd rgb(0,126,221)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#676d72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#70758b Protanopia 1% of men
#727390 Deuteranopia 1% of men
#5a7b84 Tritanopia 0.001% of the population

Trichromacy

#66738a Protanomaly 1% of men, 0.01% of women
#67738d Deuteranomaly 6% of men, 0.4% of women
#587785 Tritanomaly 0.01% of the population

#557288 hex color

#557288 Color Information

#557288 Color Conversion

Color Schemes with #557288

Alternatives to #557288

#557288 Preview

Shades and Tints of #557288

Tones of #557288

Color Blindness Simulator