Color Charts
RGB
CMYK
RYB
#024f96 Hex Color CodeThe hexadecimal color code #024f96 is a medium dark shade of cyan-blue. In the RGB color model #024f96 is comprised of 0.78% red, 30.98% green and 58.82% blue. In the HSL color space #024f96 has a hue of 208.78 degrees, 97.37% saturation and 29.8% lightness. This color has an approximate wavelength of 489 nm.
#024f96 Color InformationInverted
#fdb069 25% Saturated
#004f98 Grayscale
#4c4c4c
25% Lighter
#0262bb Original
#024f96 25% Darker
#013b70
darkslateblue
#483d8b 25% Desaturated
#144e83 Web Safe: blue
#0000ff
rgb(2, 79, 150)
rgba(2, 79, 150, 1.0)
red: 0.7843%, yellow: 20.6466%, blue: 58.8235%
#024f96
151446
-16625770 / 0xff024f96
hsl(209, 97%, 30%)
hsla(209, 97%, 30%, 1.0)
hue: 209 (208.7838), saturation: 99 (98.6667), value: 59 (58.8235)
X: 8.326, Y: 7.8069, Z: 29.9222
x: 0.1808, y: 0.1695, Y: 7.8069
L: 33.5774, a: 8.3641, b: -44.551
L: 33.5774, u: -18.8037, v: -61.9115
L: 33.5774, C: 45.3294, H: 280.6331
L: 27.9408, a: 4.2946, b: -43.936
cyan: 99 (0.9867), magenta: 47 (0.4733), yellow: 0 (0), key: 41 (0.4118)
cyan: 99 (0.9922), magenta: 69 (0.6902), yellow: 41 (0.4118)
Y: 64.071, I: -68.6798, Q: 5.8085
Y: 64.071, U: 42.2858, V: -54.4557
Y: 64.071, Db: 129.293, Dr: 118.048
Y: 71.03, Cb: 170.565, Cr: 89.156
Y: 67.711, Pb: 44.355, Pr: -41.766
5PB 3/10 (approximate)
#024f96 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#024f96 to White#024f96 to Black#024f96 foreground
<p style="color: #024f96">#024f96 foreground</p>
#024f96 background
<p style="background-color: #024f96; color: #fff">#024f96 background</p>
#024f96 border
<p style="border: #024f96 3px solid">#024f96 border</p>
#024f96 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #024f96, #fff); background: -webkit-radial-gradient(50% 50%, #024f96, #fff); background: -o-radial-gradient(50% 50%, #024f96, #fff); background: -ms-radial-gradient(50% 50%, #024f96, #fff); background: radial-gradient(50% 50%, #024f96, #fff); color: #fff">#024f96 radial gradient</p>
#024f96 linear gradient to complementary #964901
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #024f96, #964901); background: -webkit-linear-gradient(top, #024f96, #964901); background: -o-linear-gradient(top, #024f96, #964901); background: -ms-linear-gradient(top, #024f96, #964901); background: linear-gradient(top, #024f96, #964901); color: #fff">#024f96 linear gradient to complementary #964901</p>
#024f96 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #024f96">#024f96 text shadow</p>
The matching paint colors are listed in order of relevancy to the #024f96 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 #024f96.
Jump to paint brand: