Color Charts
RGB
CMYK
RYB
#0056ef Hex Color CodeThe hexadecimal color code #0056ef is a shade of cyan-blue. In the RGB color model #0056ef is comprised of 0% red, 33.73% green and 93.73% blue. In the HSL color space #0056ef has a hue of 218.41 degrees, 100% saturation and 46.86% lightness. This color has an approximate wavelength of 482 nm.
#0056ef Color InformationInverted
#ffa910 25% Saturated
#0055ee Grayscale
#777777
25% Lighter
#2b77ff Original
#0056ef 25% Darker
#0040b3
slateblue
#6a5acd 25% Desaturated
#1d5ed1 Web Safe: blue
#0000ff
rgb(0, 86, 239)
rgba(0, 86, 239, 1.0)
red: 0%, yellow: 24.8012%, blue: 93.7255%
#0056ef
22255
-16754961 / 0xff0056ef
hsl(218, 100%, 47%)
hsla(218, 100%, 47%, 1.0)
hue: 218 (218.41), saturation: 100 (100), value: 94 (93.7255)
X: 18.9078, Y: 12.8876, Z: 83.1524
x: 0.1645, y: 0.1121, Y: 12.8876
L: 42.5934, a: 39.3222, b: -81.7876
L: 42.5934, u: -18.8385, v: -120.2139
L: 42.5934, C: 90.7494, H: 295.6775
L: 35.8993, a: 31.1904, b: -112.2021
cyan: 100 (1), magenta: 64 (0.6402), yellow: 0 (0), key: 6 (0.0627)
cyan: 100 (1), magenta: 66 (0.6627), yellow: 6 (0.0627)
Y: 77.728, I: -100.3848, Q: 29.4184
Y: 77.728, U: 79.362, V: -68.1915
Y: 77.728, Db: 242.649, Dr: 147.839
Y: 82.766, Cb: 207.895, Cr: 79.383
Y: 78.698, Pb: 86.39, Pr: -50.038
7.5PB 4/18 approximate; exact match: Munsell 7.5PB 4/18 / #404ede
#0056ef / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0056ef to White#0056ef to Black#0056ef foreground
<p style="color: #0056ef">#0056ef foreground</p>
#0056ef background
<p style="background-color: #0056ef; color: #fff">#0056ef background</p>
#0056ef border
<p style="border: #0056ef 3px solid">#0056ef border</p>
#0056ef radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0056ef, #fff); background: -webkit-radial-gradient(50% 50%, #0056ef, #fff); background: -o-radial-gradient(50% 50%, #0056ef, #fff); background: -ms-radial-gradient(50% 50%, #0056ef, #fff); background: radial-gradient(50% 50%, #0056ef, #fff); color: #fff">#0056ef radial gradient</p>
#0056ef linear gradient to complementary #ee9800
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0056ef, #ee9800); background: -webkit-linear-gradient(top, #0056ef, #ee9800); background: -o-linear-gradient(top, #0056ef, #ee9800); background: -ms-linear-gradient(top, #0056ef, #ee9800); background: linear-gradient(top, #0056ef, #ee9800); color: #fff">#0056ef linear gradient to complementary #ee9800</p>
#0056ef text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0056ef">#0056ef text shadow</p>
The matching paint colors are listed in order of relevancy to the #0056ef hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #0056ef.
Jump to paint brand: