#0557ff Color Information
In a RGB color space, hex #0557ff is composed of 2% red, 34.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 65.9% magenta, 0% yellow and 0% black. It has a hue angle of 220.3 degrees, a saturation of 100% and a lightness of 51%. #0557ff color hex could be obtained by blending #0aaeff with #0000ff. Closest websafe color is: #0066ff.
-
- R 2
- G 34
- B 100
-
- C 98
- M 66
- Y 0
- K 0
● #0557ff color description : Vivid blue.
#0557ff Color Conversion
The hexadecimal color #0557ff has RGB values of R:5, G:87, B:255 and CMYK values of C:0.98, M:0.66, Y:0, K:0. Its decimal value is 350207.
Hex triplet | 0557ff | #0557ff |
---|---|---|
RGB Decimal | 5, 87, 255 | rgb(5,87,255) |
RGB Percent | 2, 34.1, 100 | rgb(2%,34.1%,100%) |
CMYK | 98, 66, 0, 0 | |
HSL | 220.3°, 100, 51 | hsl(220.3,100%,51%) |
HSV (or HSB) | 220.3°, 98, 100 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 44.329, 44.695, -87.886 |
---|---|
XYZ | 21.517, 14.067, 96.183 |
xyY | 0.163, 0.107, 14.067 |
CIE-LCH | 44.329, 98.598, 296.956 |
CIE-LUV | 44.329, -18.823, -129.875 |
Hunter-Lab | 37.506, 36.77, -125.795 |
Binary | 00000101, 01010111, 11111111 |
Color Schemes with #0557ff
Alternatives to #0557ff
Below, you can see some colors close to #0557ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0557ff Preview
This text has a font color of #0557ff.
<span style="color:#0557ff;">Text here</span>
This paragraph has a background color of #0557ff.
<p style="background-color:#0557ff;">Content here</p>
This element has a border color of #0557ff.
<div style="border:1px solid #0557ff;">Content here</div>
.text {color:#0557ff;}
.background {background-color:#0557ff;}
.border {border:1px solid #0557ff;}
Shades and Tints of #0557ff
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, #000205 is the darkest color, while #f0f5ff is the lightest one.
-
#000205
#000205
rgb(0,2,5)
-
#000819
#000819
rgb(0,8,25)
-
#000f2c
#000f2c
rgb(0,15,44)
-
#001540
#001540
rgb(0,21,64)
-
#001b53
#001b53
rgb(0,27,83)
-
#002267
#002267
rgb(0,34,103)
-
#00287b
#00287b
rgb(0,40,123)
-
#002f8e
#002f8e
rgb(0,47,142)
-
#0035a2
#0035a2
rgb(0,53,162)
-
#003cb6
#003cb6
rgb(0,60,182)
-
#0042c9
#0042c9
rgb(0,66,201)
-
#0048dd
#0048dd
rgb(0,72,221)
-
#004ff0
#004ff0
rgb(0,79,240)
-
#0557ff
#0557ff
rgb(5,87,255)
-
#1964ff
#1964ff
rgb(25,100,255)
-
#2c71ff
#2c71ff
rgb(44,113,255)
-
#407fff
#407fff
rgb(64,127,255)
-
#538cff
#538cff
rgb(83,140,255)
-
#6799ff
#6799ff
rgb(103,153,255)
-
#7ba6ff
#7ba6ff
rgb(123,166,255)
-
#8eb3ff
#8eb3ff
rgb(142,179,255)
-
#a2c0ff
#a2c0ff
rgb(162,192,255)
-
#b6ceff
#b6ceff
rgb(182,206,255)
-
#c9dbff
#c9dbff
rgb(201,219,255)
-
#dde8ff
#dde8ff
rgb(221,232,255)
-
#f0f5ff
#f0f5ff
rgb(240,245,255)
Tones of #0557ff
A tone is produced by adding gray to any pure hue. In this case, #787f8c is the less saturated color, while #0557ff is the most saturated one.
-
#787f8c
#787f8c
rgb(120,127,140)
-
#6f7b95
#6f7b95
rgb(111,123,149)
-
#65789f
#65789f
rgb(101,120,159)
-
#5c75a8
#5c75a8
rgb(92,117,168)
-
#5271b2
#5271b2
rgb(82,113,178)
-
#486ebc
#486ebc
rgb(72,110,188)
-
#3f6bc5
#3f6bc5
rgb(63,107,197)
-
#3568cf
#3568cf
rgb(53,104,207)
-
#2b64d9
#2b64d9
rgb(43,100,217)
-
#2261e2
#2261e2
rgb(34,97,226)
-
#185eec
#185eec
rgb(24,94,236)
-
#0f5af5
#0f5af5
rgb(15,90,245)
-
#0557ff
#0557ff
rgb(5,87,255)
Color Blindness Simulator
Below, you can see how #0557ff 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.