#557d9c Color Information
In a RGB color space, hex #557d9c is composed of 33.3% red, 49% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 19.9% magenta, 0% yellow and 38.8% black. It has a hue angle of 206.2 degrees, a saturation of 29.5% and a lightness of 47.3%. #557d9c color hex could be obtained by blending #aafaff with #000039. Closest websafe color is: #666699.
-
- R 33
- G 49
- B 61
-
- C 46
- M 20
- Y 0
- K 39
● #557d9c color description : Dark moderate blue.
#557d9c Color Conversion
The hexadecimal color #557d9c has RGB values of R:85, G:125, B:156 and CMYK values of C:0.46, M:0.2, Y:0, K:0.39. Its decimal value is 5602716.
Hex triplet | 557d9c | #557d9c |
---|---|---|
RGB Decimal | 85, 125, 156 | rgb(85,125,156) |
RGB Percent | 33.3, 49, 61.2 | rgb(33.3%,49%,61.2%) |
CMYK | 46, 20, 0, 39 | |
HSL | 206.2°, 29.5, 47.3 | hsl(206.2,29.5%,47.3%) |
HSV (or HSB) | 206.2°, 45.5, 61.2 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 50.685, -5.285, -21.001 |
---|---|
XYZ | 17.079, 18.998, 34.218 |
xyY | 0.243, 0.27, 18.998 |
CIE-LCH | 50.685, 21.656, 255.876 |
CIE-LUV | 50.685, -19.129, -30.209 |
Hunter-Lab | 43.587, -6.332, -16.035 |
Binary | 01010101, 01111101, 10011100 |
Color Schemes with #557d9c
Alternatives to #557d9c
Below, you can see some colors close to #557d9c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557d9c Preview
This text has a font color of #557d9c.
<span style="color:#557d9c;">Text here</span>
This paragraph has a background color of #557d9c.
<p style="background-color:#557d9c;">Content here</p>
This element has a border color of #557d9c.
<div style="border:1px solid #557d9c;">Content here</div>
.text {color:#557d9c;}
.background {background-color:#557d9c;}
.border {border:1px solid #557d9c;}
Shades and Tints of #557d9c
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, #020304 is the darkest color, while #f6f8fa is the lightest one.
-
#020304
#020304
rgb(2,3,4)
-
#090d10
#090d10
rgb(9,13,16)
-
#10171d
#10171d
rgb(16,23,29)
-
#17212a
#17212a
rgb(23,33,42)
-
#1e2c36
#1e2c36
rgb(30,44,54)
-
#253643
#253643
rgb(37,54,67)
-
#2b4050
#2b4050
rgb(43,64,80)
-
#324a5d
#324a5d
rgb(50,74,93)
-
#395469
#395469
rgb(57,84,105)
-
#405e76
#405e76
rgb(64,94,118)
-
#476983
#476983
rgb(71,105,131)
-
#4e738f
#4e738f
rgb(78,115,143)
-
#557d9c
#557d9c
rgb(85,125,156)
-
#5e87a7
#5e87a7
rgb(94,135,167)
-
#6a90ae
#6a90ae
rgb(106,144,174)
-
#779ab5
#779ab5
rgb(119,154,181)
-
#84a3bc
#84a3bc
rgb(132,163,188)
-
#90adc3
#90adc3
rgb(144,173,195)
-
#9db6ca
#9db6ca
rgb(157,182,202)
-
#aac0d1
#aac0d1
rgb(170,192,209)
-
#b6c9d7
#b6c9d7
rgb(182,201,215)
-
#c3d2de
#c3d2de
rgb(195,210,222)
-
#d0dce5
#d0dce5
rgb(208,220,229)
-
#dde5ec
#dde5ec
rgb(221,229,236)
-
#e9eff3
#e9eff3
rgb(233,239,243)
-
#f6f8fa
#f6f8fa
rgb(246,248,250)
Tones of #557d9c
A tone is produced by adding gray to any pure hue. In this case, #717980 is the less saturated color, while #0288ef is the most saturated one.
-
#717980
#717980
rgb(113,121,128)
-
#687b89
#687b89
rgb(104,123,137)
-
#5e7c93
#5e7c93
rgb(94,124,147)
-
#557d9c
#557d9c
rgb(85,125,156)
-
#4c7ea5
#4c7ea5
rgb(76,126,165)
-
#427faf
#427faf
rgb(66,127,175)
-
#3981b8
#3981b8
rgb(57,129,184)
-
#3082c1
#3082c1
rgb(48,130,193)
-
#2783ca
#2783ca
rgb(39,131,202)
-
#1d84d4
#1d84d4
rgb(29,132,212)
-
#1485dd
#1485dd
rgb(20,133,221)
-
#0b86e6
#0b86e6
rgb(11,134,230)
-
#0288ef
#0288ef
rgb(2,136,239)
Color Blindness Simulator
Below, you can see how #557d9c 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.