#557fd2 Color Information
In a RGB color space, hex #557fd2 is composed of 33.3% red, 49.8% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 39.5% magenta, 0% yellow and 17.6% black. It has a hue angle of 219.8 degrees, a saturation of 58.1% and a lightness of 57.8%. #557fd2 color hex could be obtained by blending #aafeff with #0000a5. Closest websafe color is: #6666cc.
-
- R 33
- G 50
- B 82
-
- C 60
- M 40
- Y 0
- K 18
● #557fd2 color description : Moderate blue.
#557fd2 Color Conversion
The hexadecimal color #557fd2 has RGB values of R:85, G:127, B:210 and CMYK values of C:0.6, M:0.4, Y:0, K:0.18. Its decimal value is 5603282.
Hex triplet | 557fd2 | #557fd2 |
---|---|---|
RGB Decimal | 85, 127, 210 | rgb(85,127,210) |
RGB Percent | 33.3, 49.8, 82.4 | rgb(33.3%,49.8%,82.4%) |
CMYK | 60, 40, 0, 18 | |
HSL | 219.8°, 58.1, 57.8 | hsl(219.8,58.1%,57.8%) |
HSV (or HSB) | 219.8°, 59.5, 82.4 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 53.773, 10.677, -47.2 |
---|---|
XYZ | 22.966, 21.762, 63.959 |
xyY | 0.211, 0.2, 21.762 |
CIE-LCH | 53.773, 48.392, 282.746 |
CIE-LUV | 53.773, -19.658, -74.443 |
Hunter-Lab | 46.65, 6.24, -48.635 |
Binary | 01010101, 01111111, 11010010 |
Color Schemes with #557fd2
Alternatives to #557fd2
Below, you can see some colors close to #557fd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557fd2 Preview
This text has a font color of #557fd2.
<span style="color:#557fd2;">Text here</span>
This paragraph has a background color of #557fd2.
<p style="background-color:#557fd2;">Content here</p>
This element has a border color of #557fd2.
<div style="border:1px solid #557fd2;">Content here</div>
.text {color:#557fd2;}
.background {background-color:#557fd2;}
.border {border:1px solid #557fd2;}
Shades and Tints of #557fd2
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, #000001 is the darkest color, while #f0f4fb is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#040810
#040810
rgb(4,8,16)
-
#081020
#081020
rgb(8,16,32)
-
#0c182f
#0c182f
rgb(12,24,47)
-
#11203f
#11203f
rgb(17,32,63)
-
#15284e
#15284e
rgb(21,40,78)
-
#19305e
#19305e
rgb(25,48,94)
-
#1d386d
#1d386d
rgb(29,56,109)
-
#21407d
#21407d
rgb(33,64,125)
-
#25488c
#25488c
rgb(37,72,140)
-
#29509c
#29509c
rgb(41,80,156)
-
#2d58ab
#2d58ab
rgb(45,88,171)
-
#3160bb
#3160bb
rgb(49,96,187)
-
#3668ca
#3668ca
rgb(54,104,202)
-
#4573ce
#4573ce
rgb(69,115,206)
-
#557fd2
#557fd2
rgb(85,127,210)
-
#658bd6
#658bd6
rgb(101,139,214)
-
#7496da
#7496da
rgb(116,150,218)
-
#84a2de
#84a2de
rgb(132,162,222)
-
#93aee2
#93aee2
rgb(147,174,226)
-
#a3b9e7
#a3b9e7
rgb(163,185,231)
-
#b2c5eb
#b2c5eb
rgb(178,197,235)
-
#c2d1ef
#c2d1ef
rgb(194,209,239)
-
#d1dcf3
#d1dcf3
rgb(209,220,243)
-
#e1e8f7
#e1e8f7
rgb(225,232,247)
-
#f0f4fb
#f0f4fb
rgb(240,244,251)
Tones of #557fd2
A tone is produced by adding gray to any pure hue. In this case, #8f9298 is the less saturated color, while #2c71fb is the most saturated one.
-
#8f9298
#8f9298
rgb(143,146,152)
-
#878fa0
#878fa0
rgb(135,143,160)
-
#7e8da9
#7e8da9
rgb(126,141,169)
-
#768ab1
#768ab1
rgb(118,138,177)
-
#6e87b9
#6e87b9
rgb(110,135,185)
-
#6684c1
#6684c1
rgb(102,132,193)
-
#5d82ca
#5d82ca
rgb(93,130,202)
-
#557fd2
#557fd2
rgb(85,127,210)
-
#4d7cda
#4d7cda
rgb(77,124,218)
-
#447ae3
#447ae3
rgb(68,122,227)
-
#3c77eb
#3c77eb
rgb(60,119,235)
-
#3474f3
#3474f3
rgb(52,116,243)
-
#2c71fb
#2c71fb
rgb(44,113,251)
Color Blindness Simulator
Below, you can see how #557fd2 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.