#557c93 Color Information
In a RGB color space, hex #557c93 is composed of 33.3% red, 48.6% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 15.6% magenta, 0% yellow and 42.4% black. It has a hue angle of 202.3 degrees, a saturation of 26.7% and a lightness of 45.5%. #557c93 color hex could be obtained by blending #aaf8ff with #000027. Closest websafe color is: #666699.
-
- R 33
- G 49
- B 58
-
- C 42
- M 16
- Y 0
- K 42
● #557c93 color description : Mostly desaturated dark blue.
#557c93 Color Conversion
The hexadecimal color #557c93 has RGB values of R:85, G:124, B:147 and CMYK values of C:0.42, M:0.16, Y:0, K:0.42. Its decimal value is 5602451.
Hex triplet | 557c93 | #557c93 |
---|---|---|
RGB Decimal | 85, 124, 147 | rgb(85,124,147) |
RGB Percent | 33.3, 48.6, 57.6 | rgb(33.3%,48.6%,57.6%) |
CMYK | 42, 16, 0, 42 | |
HSL | 202.3°, 26.7, 45.5 | hsl(202.3,26.7%,45.5%) |
HSV (or HSB) | 202.3°, 42.2, 57.6 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 50.04, -7.324, -16.725 |
---|---|
XYZ | 16.219, 18.452, 30.309 |
xyY | 0.25, 0.284, 18.452 |
CIE-LCH | 50.04, 18.258, 246.349 |
CIE-LUV | 50.04, -18.775, -23.277 |
Hunter-Lab | 42.956, -7.777, -11.765 |
Binary | 01010101, 01111100, 10010011 |
Color Schemes with #557c93
Alternatives to #557c93
Below, you can see some colors close to #557c93. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557c93 Preview
This text has a font color of #557c93.
<span style="color:#557c93;">Text here</span>
This paragraph has a background color of #557c93.
<p style="background-color:#557c93;">Content here</p>
This element has a border color of #557c93.
<div style="border:1px solid #557c93;">Content here</div>
.text {color:#557c93;}
.background {background-color:#557c93;}
.border {border:1px solid #557c93;}
Shades and Tints of #557c93
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)
-
#141e23
#141e23
rgb(20,30,35)
-
#1c2830
#1c2830
rgb(28,40,48)
-
#23333c
#23333c
rgb(35,51,60)
-
#2a3d48
#2a3d48
rgb(42,61,72)
-
#314855
#314855
rgb(49,72,85)
-
#385261
#385261
rgb(56,82,97)
-
#3f5d6e
#3f5d6e
rgb(63,93,110)
-
#47677a
#47677a
rgb(71,103,122)
-
#4e7287
#4e7287
rgb(78,114,135)
-
#557c93
#557c93
rgb(85,124,147)
-
#5c869f
#5c869f
rgb(92,134,159)
-
#6890a8
#6890a8
rgb(104,144,168)
-
#7499af
#7499af
rgb(116,153,175)
-
#81a2b6
#81a2b6
rgb(129,162,182)
-
#8dabbd
#8dabbd
rgb(141,171,189)
-
#99b4c4
#99b4c4
rgb(153,180,196)
-
#a6becb
#a6becb
rgb(166,190,203)
-
#b2c7d3
#b2c7d3
rgb(178,199,211)
-
#bfd0da
#bfd0da
rgb(191,208,218)
-
#cbd9e1
#cbd9e1
rgb(203,217,225)
-
#d8e2e8
#d8e2e8
rgb(216,226,232)
-
#e4ebef
#e4ebef
rgb(228,235,239)
-
#f0f4f7
#f0f4f7
rgb(240,244,247)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #557c93
A tone is produced by adding gray to any pure hue. In this case, #707578 is the less saturated color, while #0591e3 is the most saturated one.
-
#707578
#707578
rgb(112,117,120)
-
#677781
#677781
rgb(103,119,129)
-
#5e7a8a
#5e7a8a
rgb(94,122,138)
-
#557c93
#557c93
rgb(85,124,147)
-
#4c7e9c
#4c7e9c
rgb(76,126,156)
-
#4381a5
#4381a5
rgb(67,129,165)
-
#3a83ae
#3a83ae
rgb(58,131,174)
-
#3185b7
#3185b7
rgb(49,133,183)
-
#2888c0
#2888c0
rgb(40,136,192)
-
#1f8ac9
#1f8ac9
rgb(31,138,201)
-
#178cd1
#178cd1
rgb(23,140,209)
-
#0e8eda
#0e8eda
rgb(14,142,218)
-
#0591e3
#0591e3
rgb(5,145,227)
Color Blindness Simulator
Below, you can see how #557c93 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.