#0057ff Color Information
In a RGB color space, hex #0057ff is composed of 0% red, 34.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 65.9% magenta, 0% yellow and 0% black. It has a hue angle of 219.5 degrees, a saturation of 100% and a lightness of 50%. #0057ff color hex could be obtained by blending #00aeff with #0000ff. Closest websafe color is: #0066ff.
-
- R 0
- G 34
- B 100
-
- C 100
- M 66
- Y 0
- K 0
● #0057ff color description : Pure (or mostly pure) blue.
#0057ff Color Conversion
The hexadecimal color #0057ff has RGB values of R:0, G:87, B:255 and CMYK values of C:1, M:0.66, Y:0, K:0. Its decimal value is 22527.
Hex triplet | 0057ff | #0057ff |
---|---|---|
RGB Decimal | 0, 87, 255 | rgb(0,87,255) |
RGB Percent | 0, 34.1, 100 | rgb(0%,34.1%,100%) |
CMYK | 100, 66, 0, 0 | |
HSL | 219.5°, 100, 50 | hsl(219.5,100%,50%) |
HSV (or HSB) | 219.5°, 100, 100 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 44.282, 44.598, -87.964 |
---|---|
XYZ | 21.454, 14.035, 96.18 |
xyY | 0.163, 0.107, 14.035 |
CIE-LCH | 44.282, 98.623, 296.885 |
CIE-LUV | 44.282, -18.979, -129.912 |
Hunter-Lab | 37.463, 36.665, -125.995 |
Binary | 00000000, 01010111, 11111111 |
Color Schemes with #0057ff
Alternatives to #0057ff
Below, you can see some colors close to #0057ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0057ff Preview
This text has a font color of #0057ff.
<span style="color:#0057ff;">Text here</span>
This paragraph has a background color of #0057ff.
<p style="background-color:#0057ff;">Content here</p>
This element has a border color of #0057ff.
<div style="border:1px solid #0057ff;">Content here</div>
.text {color:#0057ff;}
.background {background-color:#0057ff;}
.border {border:1px solid #0057ff;}
Shades and Tints of #0057ff
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, #000714 is the darkest color, while #ffffff is the lightest one.
-
#000714
#000714
rgb(0,7,20)
-
#000d27
#000d27
rgb(0,13,39)
-
#00143b
#00143b
rgb(0,20,59)
-
#001b4e
#001b4e
rgb(0,27,78)
-
#002162
#002162
rgb(0,33,98)
-
#002876
#002876
rgb(0,40,118)
-
#002f89
#002f89
rgb(0,47,137)
-
#00369d
#00369d
rgb(0,54,157)
-
#003cb1
#003cb1
rgb(0,60,177)
-
#0043c4
#0043c4
rgb(0,67,196)
-
#004ad8
#004ad8
rgb(0,74,216)
-
#0050eb
#0050eb
rgb(0,80,235)
-
#0057ff
#0057ff
rgb(0,87,255)
-
#1464ff
#1464ff
rgb(20,100,255)
-
#2771ff
#2771ff
rgb(39,113,255)
-
#3b7eff
#3b7eff
rgb(59,126,255)
-
#4e8bff
#4e8bff
rgb(78,139,255)
-
#6298ff
#6298ff
rgb(98,152,255)
-
#76a5ff
#76a5ff
rgb(118,165,255)
-
#89b1ff
#89b1ff
rgb(137,177,255)
-
#9dbeff
#9dbeff
rgb(157,190,255)
-
#b1cbff
#b1cbff
rgb(177,203,255)
-
#c4d8ff
#c4d8ff
rgb(196,216,255)
-
#d8e5ff
#d8e5ff
rgb(216,229,255)
-
#ebf2ff
#ebf2ff
rgb(235,242,255)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #0057ff
A tone is produced by adding gray to any pure hue. In this case, #767c89 is the less saturated color, while #0057ff is the most saturated one.
-
#767c89
#767c89
rgb(118,124,137)
-
#6c7993
#6c7993
rgb(108,121,147)
-
#62769d
#62769d
rgb(98,118,157)
-
#5873a7
#5873a7
rgb(88,115,167)
-
#4e70b1
#4e70b1
rgb(78,112,177)
-
#456dba
#456dba
rgb(69,109,186)
-
#3b6ac4
#3b6ac4
rgb(59,106,196)
-
#3167ce
#3167ce
rgb(49,103,206)
-
#2763d8
#2763d8
rgb(39,99,216)
-
#1d60e2
#1d60e2
rgb(29,96,226)
-
#145deb
#145deb
rgb(20,93,235)
-
#0a5af5
#0a5af5
rgb(10,90,245)
-
#0057ff
#0057ff
rgb(0,87,255)
Color Blindness Simulator
Below, you can see how #0057ff 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.