#024aef
Hex Color CodeThe hexadecimal color code #024aef
is a shade of blue. In the RGB color model #024aef
is comprised of 0.78% red, 29.02% green and 93.73% blue. In the HSL color space #024aef
has a hue of 221.77 degrees, 98.34% saturation and 47.25% lightness. This color has an approximate wavelength of 480 nm.
#024aef
Color InformationInverted
#fdb510 25% Saturated
#0049f0 Grayscale
#787878
25% Lighter
#2f6efd Original
#024aef 25% Darker
#0137b3
slateblue
#6a5acd 25% Desaturated
#1f55d1 Web Safe: blue
#0000ff
rgb(2, 74, 239)
rgba(2, 74, 239, 1.0)
red: 0.7843%, yellow: 22.4405%, blue: 93.7255%
#024aef
150255
-16626961 / 0xff024aef
hsl(222, 98%, 47%)
hsla(222, 98%, 47%, 1.0)
hue: 222 (221.7722), saturation: 99 (99.1632), value: 94 (93.7255)
X: 18.0538, Y: 11.1425, Z: 82.8605
x: 0.1611, y: 0.0994, Y: 11.1425
L: 39.8194, a: 46.8169, b: -86.3562
L: 39.8194, u: -16.2325, v: -122.7612
L: 39.8194, C: 98.2304, H: 298.4637
L: 33.3803, a: 38.1264, b: -123.8103
cyan: 99 (0.9916), magenta: 69 (0.6904), yellow: 0 (0), key: 6 (0.0627)
cyan: 99 (0.9922), magenta: 71 (0.7098), yellow: 6 (0.0627)
Y: 71.282, I: -95.8999, Q: 36.1124
Y: 71.282, U: 82.5341, V: -60.7816
Y: 71.282, Db: 252.345, Dr: 131.781
Y: 77.232, Cb: 211.091, Cr: 84.677
Y: 70.544, Pb: 90.78, Pr: -43.59
7.5PB 4/20 approximate; exact match: Munsell 7.5PB 4/20 / #3e49ed
#024aef
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#024aef
to White#024aef
to Black#024aef
foreground
<p style="color: #024aef">#024aef foreground</p>
#024aef
background
<p style="background-color: #024aef; color: #fff">#024aef background</p>
#024aef
border
<p style="border: #024aef 3px solid">#024aef border</p>
#024aef
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #024aef, #fff); background: -webkit-radial-gradient(50% 50%, #024aef, #fff); background: -o-radial-gradient(50% 50%, #024aef, #fff); background: -ms-radial-gradient(50% 50%, #024aef, #fff); background: radial-gradient(50% 50%, #024aef, #fff); color: #fff">#024aef radial gradient</p>
#024aef
linear gradient to complementary #eea701
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #024aef, #eea701); background: -webkit-linear-gradient(top, #024aef, #eea701); background: -o-linear-gradient(top, #024aef, #eea701); background: -ms-linear-gradient(top, #024aef, #eea701); background: linear-gradient(top, #024aef, #eea701); color: #fff">
#024aef
linear gradient to complementary #eea701
</p>
#024aef
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #024aef">#024aef text shadow</p>
The matching paint colors are listed in order of relevancy to the #024aef
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 #024aef
.
Jump to paint brand: