#557a93 hex color

In a RGB color space, hex #557a93 is composed of 33.3% red, 47.8% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 17% magenta, 0% yellow and 42.4% black. It has a hue angle of 204.2 degrees, a saturation of 26.7% and a lightness of 45.5%. #557a93 color hex could be obtained by blending #aaf4ff with #000027. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 48
- B 58
RGB color chart
- C 42
- M 17
- Y 0
- K 42
CMYK color chart

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

The hexadecimal color #557a93 has RGB values of R:85, G:122, B:147 and CMYK values of C:0.42, M:0.17, Y:0, K:0.42. Its decimal value is 5601939.

Hex triplet	557a93	`#557a93`
RGB Decimal	85, 122, 147	`rgb(85,122,147)`
RGB Percent	33.3, 47.8, 57.6	`rgb(33.3%,47.8%,57.6%)`
CMYK	42, 17, 0, 42
HSL	204.2°, 26.7, 45.5	`hsl(204.2,26.7%,45.5%)`
HSV (or HSB)	204.2°, 42.2, 57.6
Web Safe	666699	`#666699`

CIE-LAB	49.443, -6.171, -17.636
XYZ	15.971, 17.956, 30.226
xyY	0.249, 0.28, 17.956
CIE-LCH	49.443, 18.684, 250.714
CIE-LUV	49.443, -17.954, -24.763
Hunter-Lab	42.375, -6.879, -12.63
Binary	01010101, 01111010, 10010011

#557a93
```
#557a93 rgb(85,122,147)
```
#936e55
```
#936e55 rgb(147,110,85)
```

Complementary Color

#55938d
```
#55938d rgb(85,147,141)
```
#557a93
```
#557a93 rgb(85,122,147)
```
#555b93
```
#555b93 rgb(85,91,147)
```

Analogous Color

#938d55
```
#938d55 rgb(147,141,85)
```
#557a93
```
#557a93 rgb(85,122,147)
```
#93555b
```
#93555b rgb(147,85,91)
```

Split Complementary Color

#7a9355
```
#7a9355 rgb(122,147,85)
```
#557a93
```
#557a93 rgb(85,122,147)
```
#93557a
```
#93557a rgb(147,85,122)
```

Triadic Color

#55936e
```
#55936e rgb(85,147,110)
```
#557a93
```
#557a93 rgb(85,122,147)
```
#93557a
```
#93557a rgb(147,85,122)
```
#936e55
```
#936e55 rgb(147,110,85)
```

Tetradic Color

#395263
```
#395263 rgb(57,82,99)
```
#425f73
```
#425f73 rgb(66,95,115)
```
#4c6d83
```
#4c6d83 rgb(76,109,131)
```
#557a93
```
#557a93 rgb(85,122,147)
```
#5f87a2
```
#5f87a2 rgb(95,135,162)
```
#6f93ac
```
#6f93ac rgb(111,147,172)
```
#7f9fb5
```
#7f9fb5 rgb(127,159,181)
```

Monochromatic Color

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

#558a93
```
#558a93 rgb(85,138,147)
```
#558493
```
#558493 rgb(85,132,147)
```
#557f93
```
#557f93 rgb(85,127,147)
```
#557a93
```
#557a93 rgb(85,122,147)
```
#557593
```
#557593 rgb(85,117,147)
```
#557093
```
#557093 rgb(85,112,147)
```
#556b93
```
#556b93 rgb(85,107,147)
```

Similar Colors

Text with hexadecimal color #557a93

This text has a font color of #557a93.

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

#557a93 background color

This paragraph has a background color of #557a93.

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

#557a93 border color

This element has a border color of #557a93.

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

CSS codes

.text {color:#557a93;}

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

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

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, #06090a is the darkest color, while #fdfdfe is the lightest one.

#06090a
```
#06090a rgb(6,9,10)
```
#0d1317
```
#0d1317 rgb(13,19,23)
```
#141d23
```
#141d23 rgb(20,29,35)
```
#1c2730
```
#1c2730 rgb(28,39,48)
```
#23323c
```
#23323c rgb(35,50,60)
```
#2a3c48
```
#2a3c48 rgb(42,60,72)
```
#314655
```
#314655 rgb(49,70,85)
```
#385161
```
#385161 rgb(56,81,97)
```
#3f5b6e
```
#3f5b6e rgb(63,91,110)
```
#47657a
```
#47657a rgb(71,101,122)
```
#4e7087
```
#4e7087 rgb(78,112,135)
```
#557a93
```
#557a93 rgb(85,122,147)
```
#5c849f
```
#5c849f rgb(92,132,159)
```

Shade Color Variation

#688ea8
```
#688ea8 rgb(104,142,168)
```
#7497af
```
#7497af rgb(116,151,175)
```
#81a0b6
```
#81a0b6 rgb(129,160,182)
```
#8daabd
```
#8daabd rgb(141,170,189)
```
#99b3c4
```
#99b3c4 rgb(153,179,196)
```
#a6bccb
```
#a6bccb rgb(166,188,203)
```
#b2c6d3
```
#b2c6d3 rgb(178,198,211)
```
#bfcfda
```
#bfcfda rgb(191,207,218)
```
#cbd8e1
```
#cbd8e1 rgb(203,216,225)
```
#d8e1e8
```
#d8e1e8 rgb(216,225,232)
```
#e4ebef
```
#e4ebef rgb(228,235,239)
```
#f0f4f7
```
#f0f4f7 rgb(240,244,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#707578
```
#707578 rgb(112,117,120)
```
#677781
```
#677781 rgb(103,119,129)
```
#5e788a
```
#5e788a rgb(94,120,138)
```
#557a93
```
#557a93 rgb(85,122,147)
```
#4c7c9c
```
#4c7c9c rgb(76,124,156)
```
#437da5
```
#437da5 rgb(67,125,165)
```
#3a7fae
```
#3a7fae rgb(58,127,174)
```
#3181b7
```
#3181b7 rgb(49,129,183)
```
#2883c0
```
#2883c0 rgb(40,131,192)
```
#1f84c9
```
#1f84c9 rgb(31,132,201)
```
#1786d1
```
#1786d1 rgb(23,134,209)
```
#0e88da
```
#0e88da rgb(14,136,218)
```
#058ae3
```
#058ae3 rgb(5,138,227)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6c7479 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767b95 Protanopia 1% of men
#777a9a Deuteranopia 1% of men
#59838c Tritanopia 0.001% of the population

Trichromacy

#6a7b94 Protanomaly 1% of men, 0.01% of women
#6a7a98 Deuteranomaly 6% of men, 0.4% of women
#587f8e Tritanomaly 0.01% of the population

#557a93 hex color

#557a93 Color Information

#557a93 Color Conversion

Color Schemes with #557a93

Alternatives to #557a93

#557a93 Preview

Shades and Tints of #557a93

Tones of #557a93

Color Blindness Simulator