#557585 hex color

In a RGB color space, hex #557585 is composed of 33.3% red, 45.9% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 36.1% cyan, 12% magenta, 0% yellow and 47.8% black. It has a hue angle of 200 degrees, a saturation of 22% and a lightness of 42.7%. #557585 color hex could be obtained by blending #aaeaff with #00000b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 46
- B 52
RGB color chart
- C 36
- M 12
- Y 0
- K 48
CMYK color chart

● #557585 color description : Mostly desaturated dark blue.

The hexadecimal color #557585 has RGB values of R:85, G:117, B:133 and CMYK values of C:0.36, M:0.12, Y:0, K:0.48. Its decimal value is 5600645.

Hex triplet	557585	`#557585`
RGB Decimal	85, 117, 133	`rgb(85,117,133)`
RGB Percent	33.3, 45.9, 52.2	`rgb(33.3%,45.9%,52.2%)`
CMYK	36, 12, 0, 48
HSL	200°, 22, 42.7	`hsl(200,22%,42.7%)`
HSV (or HSB)	200°, 36.1, 52.2
Web Safe	666699	`#666699`

CIE-LAB	47.426, -7.208, -12.437
XYZ	14.34, 16.347, 24.589
xyY	0.259, 0.296, 16.347
CIE-LCH	47.426, 14.375, 239.905
CIE-LUV	47.426, -15.872, -16.609
Hunter-Lab	40.431, -7.443, -7.756
Binary	01010101, 01110101, 10000101

#557585
```
#557585 rgb(85,117,133)
```
#856555
```
#856555 rgb(133,101,85)
```

Complementary Color

#55857d
```
#55857d rgb(85,133,125)
```
#557585
```
#557585 rgb(85,117,133)
```
#555d85
```
#555d85 rgb(85,93,133)
```

Analogous Color

#857d55
```
#857d55 rgb(133,125,85)
```
#557585
```
#557585 rgb(85,117,133)
```
#85555d
```
#85555d rgb(133,85,93)
```

Split Complementary Color

#758555
```
#758555 rgb(117,133,85)
```
#557585
```
#557585 rgb(85,117,133)
```
#855575
```
#855575 rgb(133,85,117)
```

Triadic Color

#558565
```
#558565 rgb(85,133,101)
```
#557585
```
#557585 rgb(85,117,133)
```
#855575
```
#855575 rgb(133,85,117)
```
#856555
```
#856555 rgb(133,101,85)
```

Tetradic Color

#374c56
```
#374c56 rgb(55,76,86)
```
#415a66
```
#415a66 rgb(65,90,102)
```
#4b6775
```
#4b6775 rgb(75,103,117)
```
#557585
```
#557585 rgb(85,117,133)
```
#5f8395
```
#5f8395 rgb(95,131,149)
```
#6c8fa1
```
#6c8fa1 rgb(108,143,161)
```
#7c9bab
```
#7c9bab rgb(124,155,171)
```

Monochromatic Color

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

#558185
```
#558185 rgb(85,129,133)
```
#557d85
```
#557d85 rgb(85,125,133)
```
#557985
```
#557985 rgb(85,121,133)
```
#557585
```
#557585 rgb(85,117,133)
```
#557185
```
#557185 rgb(85,113,133)
```
#556d85
```
#556d85 rgb(85,109,133)
```
#556985
```
#556985 rgb(85,105,133)
```

Similar Colors

Text with hexadecimal color #557585

This text has a font color of #557585.

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

#557585 background color

This paragraph has a background color of #557585.

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

#557585 border color

This element has a border color of #557585.

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

CSS codes

.text {color:#557585;}

.background {background-color:#557585;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090c0d
```
#090c0d rgb(9,12,13)
```
#101619
```
#101619 rgb(16,22,25)
```
#182125
```
#182125 rgb(24,33,37)
```
#1f2b31
```
#1f2b31 rgb(31,43,49)
```
#27363d
```
#27363d rgb(39,54,61)
```
#2f4049
```
#2f4049 rgb(47,64,73)
```
#364b55
```
#364b55 rgb(54,75,85)
```
#3e5561
```
#3e5561 rgb(62,85,97)
```
#46606d
```
#46606d rgb(70,96,109)
```
#4d6a79
```
#4d6a79 rgb(77,106,121)
```
#557585
```
#557585 rgb(85,117,133)
```
#5d8091
```
#5d8091 rgb(93,128,145)
```

Shade Color Variation

#658a9c
```
#658a9c rgb(101,138,156)
```
#7193a4
```
#7193a4 rgb(113,147,164)
```
#7d9cac
```
#7d9cac rgb(125,156,172)
```
#89a5b3
```
#89a5b3 rgb(137,165,179)
```
#95aebb
```
#95aebb rgb(149,174,187)
```
#a1b7c3
```
#a1b7c3 rgb(161,183,195)
```
#adc0ca
```
#adc0ca rgb(173,192,202)
```
#b9cad2
```
#b9cad2 rgb(185,202,210)
```
#c5d3da
```
#c5d3da rgb(197,211,218)
```
#d0dce1
```
#d0dce1 rgb(208,220,225)
```
#dce5e9
```
#dce5e9 rgb(220,229,233)
```
#e8eef1
```
#e8eef1 rgb(232,238,241)
```
#f4f7f8
```
#f4f7f8 rgb(244,247,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666f74 is the less saturated color, while #0191d9 is the most saturated one.

#666f74
```
#666f74 rgb(102,111,116)
```
#5d727d
```
#5d727d rgb(93,114,125)
```
#557585
```
#557585 rgb(85,117,133)
```
#4d788d
```
#4d788d rgb(77,120,141)
```
#447b96
```
#447b96 rgb(68,123,150)
```
#3c7d9e
```
#3c7d9e rgb(60,125,158)
```
#3380a7
```
#3380a7 rgb(51,128,167)
```
#2b83af
```
#2b83af rgb(43,131,175)
```
#2386b7
```
#2386b7 rgb(35,134,183)
```
#1a89c0
```
#1a89c0 rgb(26,137,192)
```
#128bc8
```
#128bc8 rgb(18,139,200)
```
#0a8ed0
```
#0a8ed0 rgb(10,142,208)
```
#0191d9
```
#0191d9 rgb(1,145,217)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#686f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#747788 Protanopia 1% of men
#77758d Deuteranopia 1% of men
#5c7d86 Tritanopia 0.001% of the population

Trichromacy

#697687 Protanomaly 1% of men, 0.01% of women
#6b758a Deuteranomaly 6% of men, 0.4% of women
#597a85 Tritanomaly 0.01% of the population

#557585 hex color

#557585 Color Information

#557585 Color Conversion

Color Schemes with #557585

Alternatives to #557585

#557585 Preview

Shades and Tints of #557585

Tones of #557585

Color Blindness Simulator