#0556ff Color Information
In a RGB color space, hex #0556ff is composed of 2% red, 33.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 66.3% magenta, 0% yellow and 0% black. It has a hue angle of 220.6 degrees, a saturation of 100% and a lightness of 51%. #0556ff color hex could be obtained by blending #0aacff with #0000ff. Closest websafe color is: #0066ff.
-
- R 2
- G 34
- B 100
-
- C 98
- M 66
- Y 0
- K 0
● #0556ff color description : Vivid blue.
#0556ff Color Conversion
The hexadecimal color #0556ff has RGB values of R:5, G:86, B:255 and CMYK values of C:0.98, M:0.66, Y:0, K:0. Its decimal value is 349951.
Hex triplet | 0556ff | #0556ff |
---|---|---|
RGB Decimal | 5, 86, 255 | rgb(5,86,255) |
RGB Percent | 2, 33.7, 100 | rgb(2%,33.7%,100%) |
CMYK | 98, 66, 0, 0 | |
HSL | 220.6°, 100, 51 | hsl(220.6,100%,51%) |
HSV (or HSB) | 220.6°, 98, 100 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 44.098, 45.309, -88.266 |
---|---|
XYZ | 21.437, 13.906, 96.157 |
xyY | 0.163, 0.106, 13.906 |
CIE-LCH | 44.098, 99.216, 297.173 |
CIE-LUV | 44.098, -18.611, -130.108 |
Hunter-Lab | 37.291, 37.352, -126.779 |
Binary | 00000101, 01010110, 11111111 |
Color Schemes with #0556ff
Alternatives to #0556ff
Below, you can see some colors close to #0556ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0556ff Preview
This text has a font color of #0556ff.
<span style="color:#0556ff;">Text here</span>
This paragraph has a background color of #0556ff.
<p style="background-color:#0556ff;">Content here</p>
This element has a border color of #0556ff.
<div style="border:1px solid #0556ff;">Content here</div>
.text {color:#0556ff;}
.background {background-color:#0556ff;}
.border {border:1px solid #0556ff;}
Shades and Tints of #0556ff
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)
-
#000e2c
#000e2c
rgb(0,14,44)
-
#001540
#001540
rgb(0,21,64)
-
#001b53
#001b53
rgb(0,27,83)
-
#002167
#002167
rgb(0,33,103)
-
#00287b
#00287b
rgb(0,40,123)
-
#002e8e
#002e8e
rgb(0,46,142)
-
#0034a2
#0034a2
rgb(0,52,162)
-
#003bb6
#003bb6
rgb(0,59,182)
-
#0041c9
#0041c9
rgb(0,65,201)
-
#0048dd
#0048dd
rgb(0,72,221)
-
#004ef0
#004ef0
rgb(0,78,240)
-
#0556ff
#0556ff
rgb(5,86,255)
-
#1963ff
#1963ff
rgb(25,99,255)
-
#2c71ff
#2c71ff
rgb(44,113,255)
-
#407eff
#407eff
rgb(64,126,255)
-
#538bff
#538bff
rgb(83,139,255)
-
#6798ff
#6798ff
rgb(103,152,255)
-
#7ba6ff
#7ba6ff
rgb(123,166,255)
-
#8eb3ff
#8eb3ff
rgb(142,179,255)
-
#a2c0ff
#a2c0ff
rgb(162,192,255)
-
#b6cdff
#b6cdff
rgb(182,205,255)
-
#c9dbff
#c9dbff
rgb(201,219,255)
-
#dde8ff
#dde8ff
rgb(221,232,255)
-
#f0f5ff
#f0f5ff
rgb(240,245,255)
Tones of #0556ff
A tone is produced by adding gray to any pure hue. In this case, #787f8c is the less saturated color, while #0556ff is the most saturated one.
-
#787f8c
#787f8c
rgb(120,127,140)
-
#6f7b95
#6f7b95
rgb(111,123,149)
-
#65789f
#65789f
rgb(101,120,159)
-
#5c74a8
#5c74a8
rgb(92,116,168)
-
#5271b2
#5271b2
rgb(82,113,178)
-
#486ebc
#486ebc
rgb(72,110,188)
-
#3f6ac5
#3f6ac5
rgb(63,106,197)
-
#3567cf
#3567cf
rgb(53,103,207)
-
#2b64d9
#2b64d9
rgb(43,100,217)
-
#2260e2
#2260e2
rgb(34,96,226)
-
#185dec
#185dec
rgb(24,93,236)
-
#0f59f5
#0f59f5
rgb(15,89,245)
-
#0556ff
#0556ff
rgb(5,86,255)
Color Blindness Simulator
Below, you can see how #0556ff 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.