#557385 hex color

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

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

● #557385 color description : Mostly desaturated dark blue.

The hexadecimal color #557385 has RGB values of R:85, G:115, B:133 and CMYK values of C:0.36, M:0.14, Y:0, K:0.48. Its decimal value is 5600133.

Hex triplet	557385	`#557385`
RGB Decimal	85, 115, 133	`rgb(85,115,133)`
RGB Percent	33.3, 45.1, 52.2	`rgb(33.3%,45.1%,52.2%)`
CMYK	36, 14, 0, 48
HSL	202.5°, 22, 42.7	`hsl(202.5,22%,42.7%)`
HSV (or HSB)	202.5°, 36.1, 52.2
Web Safe	666699	`#666699`

CIE-LAB	46.824, -6.047, -13.348
XYZ	14.11, 15.886, 24.512
xyY	0.259, 0.291, 15.886
CIE-LCH	46.824, 14.654, 245.627
CIE-LUV	46.824, -15.022, -18.067
Hunter-Lab	39.857, -6.559, -8.563
Binary	01010101, 01110011, 10000101

#557385
```
#557385 rgb(85,115,133)
```
#856755
```
#856755 rgb(133,103,85)
```

Complementary Color

#55857f
```
#55857f rgb(85,133,127)
```
#557385
```
#557385 rgb(85,115,133)
```
#555b85
```
#555b85 rgb(85,91,133)
```

Analogous Color

#857f55
```
#857f55 rgb(133,127,85)
```
#557385
```
#557385 rgb(85,115,133)
```
#85555b
```
#85555b rgb(133,85,91)
```

Split Complementary Color

#738555
```
#738555 rgb(115,133,85)
```
#557385
```
#557385 rgb(85,115,133)
```
#855573
```
#855573 rgb(133,85,115)
```

Triadic Color

#558567
```
#558567 rgb(85,133,103)
```
#557385
```
#557385 rgb(85,115,133)
```
#855573
```
#855573 rgb(133,85,115)
```
#856755
```
#856755 rgb(133,103,85)
```

Tetradic Color

#374b56
```
#374b56 rgb(55,75,86)
```
#415866
```
#415866 rgb(65,88,102)
```
#4b6675
```
#4b6675 rgb(75,102,117)
```
#557385
```
#557385 rgb(85,115,133)
```
#5f8095
```
#5f8095 rgb(95,128,149)
```
#6c8da1
```
#6c8da1 rgb(108,141,161)
```
#7c99ab
```
#7c99ab rgb(124,153,171)
```

Monochromatic Color

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

#557f85
```
#557f85 rgb(85,127,133)
```
#557b85
```
#557b85 rgb(85,123,133)
```
#557785
```
#557785 rgb(85,119,133)
```
#557385
```
#557385 rgb(85,115,133)
```
#556f85
```
#556f85 rgb(85,111,133)
```
#556b85
```
#556b85 rgb(85,107,133)
```
#556785
```
#556785 rgb(85,103,133)
```

Similar Colors

Text with hexadecimal color #557385

This text has a font color of #557385.

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

#557385 background color

This paragraph has a background color of #557385.

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

#557385 border color

This element has a border color of #557385.

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

CSS codes

.text {color:#557385;}

.background {background-color:#557385;}

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

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)
```
#182025
```
#182025 rgb(24,32,37)
```
#1f2b31
```
#1f2b31 rgb(31,43,49)
```
#27353d
```
#27353d rgb(39,53,61)
```
#2f3f49
```
#2f3f49 rgb(47,63,73)
```
#364a55
```
#364a55 rgb(54,74,85)
```
#3e5461
```
#3e5461 rgb(62,84,97)
```
#465e6d
```
#465e6d rgb(70,94,109)
```
#4d6979
```
#4d6979 rgb(77,105,121)
```
#557385
```
#557385 rgb(85,115,133)
```
#5d7d91
```
#5d7d91 rgb(93,125,145)
```

Shade Color Variation

#65889c
```
#65889c rgb(101,136,156)
```
#7191a4
```
#7191a4 rgb(113,145,164)
```
#7d9aac
```
#7d9aac rgb(125,154,172)
```
#89a3b3
```
#89a3b3 rgb(137,163,179)
```
#95adbb
```
#95adbb rgb(149,173,187)
```
#a1b6c3
```
#a1b6c3 rgb(161,182,195)
```
#adbfca
```
#adbfca rgb(173,191,202)
```
#b9c8d2
```
#b9c8d2 rgb(185,200,210)
```
#c5d2da
```
#c5d2da rgb(197,210,218)
```
#d0dbe1
```
#d0dbe1 rgb(208,219,225)
```
#dce4e9
```
#dce4e9 rgb(220,228,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 #0188d9 is the most saturated one.

#666f74
```
#666f74 rgb(102,111,116)
```
#5d717d
```
#5d717d rgb(93,113,125)
```
#557385
```
#557385 rgb(85,115,133)
```
#4d758d
```
#4d758d rgb(77,117,141)
```
#447796
```
#447796 rgb(68,119,150)
```
#3c799e
```
#3c799e rgb(60,121,158)
```
#337ba7
```
#337ba7 rgb(51,123,167)
```
#2b7daf
```
#2b7daf rgb(43,125,175)
```
#2380b7
```
#2380b7 rgb(35,128,183)
```
#1a82c0
```
#1a82c0 rgb(26,130,192)
```
#1284c8
```
#1284c8 rgb(18,132,200)
```
#0a86d0
```
#0a86d0 rgb(10,134,208)
```
#0188d9
```
#0188d9 rgb(1,136,217)
```

Tone Color Variation

Below, you can see how #557385 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
#676d71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727588 Protanopia 1% of men
#75748d Deuteranopia 1% of men
#5b7b84 Tritanopia 0.001% of the population

Trichromacy

#677487 Protanomaly 1% of men, 0.01% of women
#69738a Deuteranomaly 6% of men, 0.4% of women
#597884 Tritanomaly 0.01% of the population

#557385 hex color

#557385 Color Information

#557385 Color Conversion

Color Schemes with #557385

Alternatives to #557385

#557385 Preview

Shades and Tints of #557385

Tones of #557385

Color Blindness Simulator