#557f93 hex color

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

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

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

The hexadecimal color #557f93 has RGB values of R:85, G:127, B:147 and CMYK values of C:0.42, M:0.14, Y:0, K:0.42. Its decimal value is 5603219.

Hex triplet	557f93	`#557f93`
RGB Decimal	85, 127, 147	`rgb(85,127,147)`
RGB Percent	33.3, 49.8, 57.6	`rgb(33.3%,49.8%,57.6%)`
CMYK	42, 14, 0, 42
HSL	199.4°, 26.7, 45.5	`hsl(199.4,26.7%,45.5%)`
HSV (or HSB)	199.4°, 42.2, 57.6
Web Safe	666699	`#666699`

CIE-LAB	50.939, -9.038, -15.358
XYZ	16.601, 19.216, 30.436
xyY	0.251, 0.29, 19.216
CIE-LCH	50.939, 17.82, 239.523
CIE-LUV	50.939, -20.01, -21.042
Hunter-Lab	43.836, -9.114, -10.482
Binary	01010101, 01111111, 10010011

#557f93
```
#557f93 rgb(85,127,147)
```
#936955
```
#936955 rgb(147,105,85)
```

Complementary Color

#559388
```
#559388 rgb(85,147,136)
```
#557f93
```
#557f93 rgb(85,127,147)
```
#556093
```
#556093 rgb(85,96,147)
```

Analogous Color

#938855
```
#938855 rgb(147,136,85)
```
#557f93
```
#557f93 rgb(85,127,147)
```
#935560
```
#935560 rgb(147,85,96)
```

Split Complementary Color

#7f9355
```
#7f9355 rgb(127,147,85)
```
#557f93
```
#557f93 rgb(85,127,147)
```
#93557f
```
#93557f rgb(147,85,127)
```

Triadic Color

#559369
```
#559369 rgb(85,147,105)
```
#557f93
```
#557f93 rgb(85,127,147)
```
#93557f
```
#93557f rgb(147,85,127)
```
#936955
```
#936955 rgb(147,105,85)
```

Tetradic Color

#395563
```
#395563 rgb(57,85,99)
```
#426373
```
#426373 rgb(66,99,115)
```
#4c7183
```
#4c7183 rgb(76,113,131)
```
#557f93
```
#557f93 rgb(85,127,147)
```
#5f8da2
```
#5f8da2 rgb(95,141,162)
```
#6f98ac
```
#6f98ac rgb(111,152,172)
```
#7fa4b5
```
#7fa4b5 rgb(127,164,181)
```

Monochromatic Color

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

#558f93
```
#558f93 rgb(85,143,147)
```
#558993
```
#558993 rgb(85,137,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)
```

Similar Colors

Text with hexadecimal color #557f93

This text has a font color of #557f93.

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

#557f93 background color

This paragraph has a background color of #557f93.

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

#557f93 border color

This element has a border color of #557f93.

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

CSS codes

.text {color:#557f93;}

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

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

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)
```
#0d1417
```
#0d1417 rgb(13,20,23)
```
#141e23
```
#141e23 rgb(20,30,35)
```
#1c2930
```
#1c2930 rgb(28,41,48)
```
#23343c
```
#23343c rgb(35,52,60)
```
#2a3f48
```
#2a3f48 rgb(42,63,72)
```
#314955
```
#314955 rgb(49,73,85)
```
#385461
```
#385461 rgb(56,84,97)
```
#3f5f6e
```
#3f5f6e rgb(63,95,110)
```
#476a7a
```
#476a7a rgb(71,106,122)
```
#4e7487
```
#4e7487 rgb(78,116,135)
```
#557f93
```
#557f93 rgb(85,127,147)
```
#5c8a9f
```
#5c8a9f rgb(92,138,159)
```

Shade Color Variation

#6893a8
```
#6893a8 rgb(104,147,168)
```
#749caf
```
#749caf rgb(116,156,175)
```
#81a5b6
```
#81a5b6 rgb(129,165,182)
```
#8daebd
```
#8daebd rgb(141,174,189)
```
#99b6c4
```
#99b6c4 rgb(153,182,196)
```
#a6bfcb
```
#a6bfcb rgb(166,191,203)
```
#b2c8d3
```
#b2c8d3 rgb(178,200,211)
```
#bfd1da
```
#bfd1da rgb(191,209,218)
```
#cbdae1
```
#cbdae1 rgb(203,218,225)
```
#d8e3e8
```
#d8e3e8 rgb(216,227,232)
```
#e4ecef
```
#e4ecef rgb(228,236,239)
```
#f0f5f7
```
#f0f5f7 rgb(240,245,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#707678
```
#707678 rgb(112,118,120)
```
#677981
```
#677981 rgb(103,121,129)
```
#5e7c8a
```
#5e7c8a rgb(94,124,138)
```
#557f93
```
#557f93 rgb(85,127,147)
```
#4c829c
```
#4c829c rgb(76,130,156)
```
#4385a5
```
#4385a5 rgb(67,133,165)
```
#3a88ae
```
#3a88ae rgb(58,136,174)
```
#318cb7
```
#318cb7 rgb(49,140,183)
```
#288fc0
```
#288fc0 rgb(40,143,192)
```
#1f92c9
```
#1f92c9 rgb(31,146,201)
```
#1795d1
```
#1795d1 rgb(23,149,209)
```
#0e98da
```
#0e98da rgb(14,152,218)
```
#059be3
```
#059be3 rgb(5,155,227)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6f777b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7f94 Protanopia 1% of men
#7d7d9b Deuteranopia 1% of men
#5b8790 Tritanopia 0.001% of the population

Trichromacy

#6d7f94 Protanomaly 1% of men, 0.01% of women
#6e7e98 Deuteranomaly 6% of men, 0.4% of women
#588491 Tritanomaly 0.01% of the population

#557f93 hex color

#557f93 Color Information

#557f93 Color Conversion

Color Schemes with #557f93

Alternatives to #557f93

#557f93 Preview

Shades and Tints of #557f93

Tones of #557f93

Color Blindness Simulator