#557ca8 Color Information
In a RGB color space, hex #557ca8 is composed of 33.3% red, 48.6% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 26.2% magenta, 0% yellow and 34.1% black. It has a hue angle of 211.8 degrees, a saturation of 32.8% and a lightness of 49.6%. #557ca8 color hex could be obtained by blending #aaf8ff with #000051. Closest websafe color is: #666699.
-
- R 33
- G 49
- B 66
-
- C 49
- M 26
- Y 0
- K 34
● #557ca8 color description : Dark moderate blue.
#557ca8 Color Conversion
The hexadecimal color #557ca8 has RGB values of R:85, G:124, B:168 and CMYK values of C:0.49, M:0.26, Y:0, K:0.34. Its decimal value is 5602472.
Hex triplet | 557ca8 | #557ca8 |
---|---|---|
RGB Decimal | 85, 124, 168 | rgb(85,124,168) |
RGB Percent | 33.3, 48.6, 65.9 | rgb(33.3%,48.6%,65.9%) |
CMYK | 49, 26, 0, 34 | |
HSL | 211.8°, 32.8, 49.6 | hsl(211.8,32.8%,49.6%) |
HSV (or HSB) | 211.8°, 49.4, 65.9 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 50.889, -1.074, -27.669 |
---|---|
XYZ | 18.02, 19.173, 39.795 |
xyY | 0.234, 0.249, 19.173 |
CIE-LCH | 50.889, 27.69, 267.776 |
CIE-LUV | 50.889, -18.68, -41.228 |
Hunter-Lab | 43.787, -3.166, -23.234 |
Binary | 01010101, 01111100, 10101000 |
Color Schemes with #557ca8
Alternatives to #557ca8
Below, you can see some colors close to #557ca8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557ca8 Preview
This text has a font color of #557ca8.
<span style="color:#557ca8;">Text here</span>
This paragraph has a background color of #557ca8.
<p style="background-color:#557ca8;">Content here</p>
This element has a border color of #557ca8.
<div style="border:1px solid #557ca8;">Content here</div>
.text {color:#557ca8;}
.background {background-color:#557ca8;}
.border {border:1px solid #557ca8;}
Shades and Tints of #557ca8
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, #06090c is the darkest color, while #fefefe is the lightest one.
-
#06090c
#06090c
rgb(6,9,12)
-
#0d1219
#0d1219
rgb(13,18,25)
-
#131c26
#131c26
rgb(19,28,38)
-
#1a2533
#1a2533
rgb(26,37,51)
-
#202f40
#202f40
rgb(32,47,64)
-
#27394d
#27394d
rgb(39,57,77)
-
#2d425a
#2d425a
rgb(45,66,90)
-
#344c67
#344c67
rgb(52,76,103)
-
#3b5674
#3b5674
rgb(59,86,116)
-
#415f81
#415f81
rgb(65,95,129)
-
#48698e
#48698e
rgb(72,105,142)
-
#4e729b
#4e729b
rgb(78,114,155)
-
#557ca8
#557ca8
rgb(85,124,168)
-
#6186af
#6186af
rgb(97,134,175)
-
#6e90b6
#6e90b6
rgb(110,144,182)
-
#7b9abc
#7b9abc
rgb(123,154,188)
-
#88a4c3
#88a4c3
rgb(136,164,195)
-
#95aeca
#95aeca
rgb(149,174,202)
-
#a2b8d0
#a2b8d0
rgb(162,184,208)
-
#b0c2d7
#b0c2d7
rgb(176,194,215)
-
#bdccdd
#bdccdd
rgb(189,204,221)
-
#cad6e4
#cad6e4
rgb(202,214,228)
-
#d7e0eb
#d7e0eb
rgb(215,224,235)
-
#e4eaf1
#e4eaf1
rgb(228,234,241)
-
#f1f4f8
#f1f4f8
rgb(241,244,248)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #557ca8
A tone is produced by adding gray to any pure hue. In this case, #7c7e81 is the less saturated color, while #0777f6 is the most saturated one.
-
#7c7e81
#7c7e81
rgb(124,126,129)
-
#727e8b
#727e8b
rgb(114,126,139)
-
#687d95
#687d95
rgb(104,125,149)
-
#5f7d9e
#5f7d9e
rgb(95,125,158)
-
#557ca8
#557ca8
rgb(85,124,168)
-
#4b7bb2
#4b7bb2
rgb(75,123,178)
-
#427bbb
#427bbb
rgb(66,123,187)
-
#387ac5
#387ac5
rgb(56,122,197)
-
#2e7acf
#2e7acf
rgb(46,122,207)
-
#2479d9
#2479d9
rgb(36,121,217)
-
#1b78e2
#1b78e2
rgb(27,120,226)
-
#1178ec
#1178ec
rgb(17,120,236)
-
#0777f6
#0777f6
rgb(7,119,246)
Color Blindness Simulator
Below, you can see how #557ca8 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.