Color Charts
RGB
CMYK
RYB
#024aff Hex Color CodeThe hexadecimal color code #024aff is a shade of blue. In the RGB color model #024aff is comprised of 0.78% red, 29.02% green and 100% blue. In the HSL color space #024aff has a hue of 222.92 degrees, 100% saturation and 50.39% lightness. This color has an approximate wavelength of 480 nm.
#024aff Color InformationInverted
#fdb500 25% Saturated
#0149ff Grayscale
#808080
25% Lighter
#4277ff Original
#024aff 25% Darker
#0036c0
blueviolet
#8a2be2 25% Desaturated
#2157df Web Safe: blue
#0000ff
rgb(2, 74, 255)
rgba(2, 74, 255, 1.0)
red: 0.7843%, yellow: 22.7644%, blue: 100%
#024aff
150271
-16626945 / 0xff024aff
hsl(223, 100%, 50%)
hsla(223, 100%, 50%, 1.0)
hue: 223 (222.9249), saturation: 99 (99.2157), value: 100 (100)
X: 20.5238, Y: 12.1305, Z: 95.8674
x: 0.1597, y: 0.0944, Y: 12.1305
L: 41.4227, a: 52.4574, b: -92.6857
L: 41.4227, u: -16.3309, v: -132.2381
L: 41.4227, C: 106.5008, H: 299.5086
L: 34.8288, a: 44.2355, b: -138.8174
cyan: 99 (0.9922), magenta: 71 (0.7098), yellow: 0 (0), key: 0 (0)
cyan: 99 (0.9922), magenta: 71 (0.7098), yellow: 0 (0)
Y: 73.106, I: -101.0402, Q: 41.0906
Y: 73.106, U: 89.5101, V: -62.3818
Y: 73.106, Db: 273.673, Dr: 135.253
Y: 78.8, Cb: 218.115, Cr: 83.541
Y: 71.696, Pb: 98.78, Pr: -44.326
7.5PB 4/22 approximate; exact match: Munsell 7.5PB 4/22 / #3e44f7
#024aff / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#024aff to White#024aff to Black#024aff foreground
<p style="color: #024aff">#024aff foreground</p>
#024aff background
<p style="background-color: #024aff; color: #fff">#024aff background</p>
#024aff border
<p style="border: #024aff 3px solid">#024aff border</p>
#024aff radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #024aff, #fff); background: -webkit-radial-gradient(50% 50%, #024aff, #fff); background: -o-radial-gradient(50% 50%, #024aff, #fff); background: -ms-radial-gradient(50% 50%, #024aff, #fff); background: radial-gradient(50% 50%, #024aff, #fff); color: #fff">#024aff radial gradient</p>
#024aff linear gradient to complementary #ffb701
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #024aff, #ffb701); background: -webkit-linear-gradient(top, #024aff, #ffb701); background: -o-linear-gradient(top, #024aff, #ffb701); background: -ms-linear-gradient(top, #024aff, #ffb701); background: linear-gradient(top, #024aff, #ffb701); color: #fff">#024aff linear gradient to complementary #ffb701</p>
#024aff text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #024aff">#024aff text shadow</p>
The matching paint colors are listed in order of relevancy to the #024aff 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 #024aff.
Jump to paint brand: