#557da8 Color Information
In a RGB color space, hex #557da8 is composed of 33.3% red, 49% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 25.6% magenta, 0% yellow and 34.1% black. It has a hue angle of 211.1 degrees, a saturation of 32.8% and a lightness of 49.6%. #557da8 color hex could be obtained by blending #aafaff with #000051. Closest websafe color is: #666699.
-
- R 33
- G 49
- B 66
-
- C 49
- M 26
- Y 0
- K 34
● #557da8 color description : Dark moderate blue.
#557da8 Color Conversion
The hexadecimal color #557da8 has RGB values of R:85, G:125, B:168 and CMYK values of C:0.49, M:0.26, Y:0, K:0.34. Its decimal value is 5602728.
Hex triplet | 557da8 | #557da8 |
---|---|---|
RGB Decimal | 85, 125, 168 | rgb(85,125,168) |
RGB Percent | 33.3, 49, 65.9 | rgb(33.3%,49%,65.9%) |
CMYK | 49, 26, 0, 34 | |
HSL | 211.1°, 32.8, 49.6 | hsl(211.1,32.8%,49.6%) |
HSV (or HSB) | 211.1°, 49.4, 65.9 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 51.18, -1.664, -27.216 |
---|---|
XYZ | 18.146, 19.425, 39.837 |
xyY | 0.234, 0.251, 19.425 |
CIE-LCH | 51.18, 27.267, 266.501 |
CIE-LUV | 51.18, -19.066, -40.487 |
Hunter-Lab | 44.074, -3.636, -22.739 |
Binary | 01010101, 01111101, 10101000 |
Color Schemes with #557da8
Alternatives to #557da8
Below, you can see some colors close to #557da8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557da8 Preview
This text has a font color of #557da8.
<span style="color:#557da8;">Text here</span>
This paragraph has a background color of #557da8.
<p style="background-color:#557da8;">Content here</p>
This element has a border color of #557da8.
<div style="border:1px solid #557da8;">Content here</div>
.text {color:#557da8;}
.background {background-color:#557da8;}
.border {border:1px solid #557da8;}
Shades and Tints of #557da8
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)
-
#1a2633
#1a2633
rgb(26,38,51)
-
#202f40
#202f40
rgb(32,47,64)
-
#27394d
#27394d
rgb(39,57,77)
-
#2d435a
#2d435a
rgb(45,67,90)
-
#344d67
#344d67
rgb(52,77,103)
-
#3b5674
#3b5674
rgb(59,86,116)
-
#416081
#416081
rgb(65,96,129)
-
#486a8e
#486a8e
rgb(72,106,142)
-
#4e739b
#4e739b
rgb(78,115,155)
-
#557da8
#557da8
rgb(85,125,168)
-
#6187af
#6187af
rgb(97,135,175)
-
#6e91b6
#6e91b6
rgb(110,145,182)
-
#7b9bbc
#7b9bbc
rgb(123,155,188)
-
#88a5c3
#88a5c3
rgb(136,165,195)
-
#95afca
#95afca
rgb(149,175,202)
-
#a2b9d0
#a2b9d0
rgb(162,185,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 #557da8
A tone is produced by adding gray to any pure hue. In this case, #7c7e81 is the less saturated color, while #077af6 is the most saturated one.
-
#7c7e81
#7c7e81
rgb(124,126,129)
-
#727e8b
#727e8b
rgb(114,126,139)
-
#687e95
#687e95
rgb(104,126,149)
-
#5f7d9e
#5f7d9e
rgb(95,125,158)
-
#557da8
#557da8
rgb(85,125,168)
-
#4b7db2
#4b7db2
rgb(75,125,178)
-
#427cbb
#427cbb
rgb(66,124,187)
-
#387cc5
#387cc5
rgb(56,124,197)
-
#2e7ccf
#2e7ccf
rgb(46,124,207)
-
#247bd9
#247bd9
rgb(36,123,217)
-
#1b7be2
#1b7be2
rgb(27,123,226)
-
#117bec
#117bec
rgb(17,123,236)
-
#077af6
#077af6
rgb(7,122,246)
Color Blindness Simulator
Below, you can see how #557da8 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.