#0055ef
Hex Color CodeThe hexadecimal color code #0055ef
is a shade of cyan-blue. In the RGB color model #0055ef
is comprised of 0% red, 33.33% green and 93.73% blue. In the HSL color space #0055ef
has a hue of 218.66 degrees, 100% saturation and 46.86% lightness. This color has an approximate wavelength of 482 nm.
#0055ef
Color InformationInverted
#ffaa10 25% Saturated
#0054ee Grayscale
#777777
25% Lighter
#2b76ff Original
#0055ef 25% Darker
#003fb3
slateblue
#6a5acd 25% Desaturated
#1d5dd1 Web Safe: blue
#0000ff
rgb(0, 85, 239)
rgba(0, 85, 239, 1.0)
red: 0%, yellow: 24.5885%, blue: 93.7255%
#0055ef
21999
-16755217 / 0xff0055ef
hsl(219, 100%, 47%)
hsla(219, 100%, 47%, 1.0)
hue: 219 (218.6611), saturation: 100 (100), value: 94 (93.7255)
X: 18.8285, Y: 12.729, Z: 83.1259
x: 0.1642, y: 0.111, Y: 12.729
L: 42.352, a: 39.9538, b: -82.1843
L: 42.352, u: -18.6137, v: -120.4799
L: 42.352, C: 91.3815, H: 295.9267
L: 35.6777, a: 31.7652, b: -113.1661
cyan: 100 (1), magenta: 64 (0.6444), yellow: 0 (0), key: 6 (0.0627)
cyan: 100 (1), magenta: 67 (0.6667), yellow: 6 (0.0627)
Y: 77.141, I: -100.1104, Q: 29.941
Y: 77.141, U: 79.6509, V: -67.6765
Y: 77.141, Db: 243.532, Dr: 146.723
Y: 82.262, Cb: 208.186, Cr: 79.751
Y: 77.983, Pb: 86.775, Pr: -49.584
7.5PB 4/18 approximate; exact match: Munsell 7.5PB 4/18 / #404ede
#0055ef
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0055ef
to White#0055ef
to Black#0055ef
foreground
<p style="color: #0055ef">#0055ef foreground</p>
#0055ef
background
<p style="background-color: #0055ef; color: #fff">#0055ef background</p>
#0055ef
border
<p style="border: #0055ef 3px solid">#0055ef border</p>
#0055ef
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0055ef, #fff); background: -webkit-radial-gradient(50% 50%, #0055ef, #fff); background: -o-radial-gradient(50% 50%, #0055ef, #fff); background: -ms-radial-gradient(50% 50%, #0055ef, #fff); background: radial-gradient(50% 50%, #0055ef, #fff); color: #fff">#0055ef radial gradient</p>
#0055ef
linear gradient to complementary #ee9a00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0055ef, #ee9a00); background: -webkit-linear-gradient(top, #0055ef, #ee9a00); background: -o-linear-gradient(top, #0055ef, #ee9a00); background: -ms-linear-gradient(top, #0055ef, #ee9a00); background: linear-gradient(top, #0055ef, #ee9a00); color: #fff">
#0055ef
linear gradient to complementary #ee9a00
</p>
#0055ef
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0055ef">#0055ef text shadow</p>
The matching paint colors are listed in order of relevancy to the #0055ef
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 #0055ef
.
Jump to paint brand: