#024f78
Hex Color CodeThe hexadecimal color code #024f78
is a dark shade of cyan-blue. In the RGB color model #024f78
is comprised of 0.78% red, 30.98% green and 47.06% blue. In the HSL color space #024f78
has a hue of 200.85 degrees, 96.72% saturation and 23.92% lightness. This color has an approximate wavelength of 494 nm.
#024f78
Color InformationInverted
#fdb087 25% Saturated
#004f79 Grayscale
#3c3c3c
25% Lighter
#026296 Original
#024f78 25% Darker
#013b59
darkslateblue
#483d8b 25% Desaturated
#104a69 Web Safe: blue
#0000ff
rgb(2, 79, 120)
rgba(2, 79, 120, 1.0)
red: 0.7843%, yellow: 19.0568%, blue: 47.0588%
#024f78
151416
-16625800 / 0xff024f78
hsl(201, 97%, 24%)
hsla(201, 97%, 24%, 1.0)
hue: 201 (200.8475), saturation: 98 (98.3333), value: 47 (47.0588)
X: 6.2112, Y: 6.9609, Z: 18.7855
x: 0.1944, y: 0.2178, Y: 6.9609
L: 31.7178, a: -4.2853, b: -29.0679
L: 31.7178, u: -20.226, v: -38.4108
L: 31.7178, C: 29.3821, H: 261.6137
L: 26.3836, a: -4.1491, b: -23.7469
cyan: 98 (0.9833), magenta: 34 (0.3417), yellow: 0 (0), key: 53 (0.5294)
cyan: 99 (0.9922), magenta: 69 (0.6902), yellow: 53 (0.5294)
Y: 60.651, I: -59.0419, Q: -3.5256
Y: 60.651, U: 29.2058, V: -51.4554
Y: 60.651, Db: 89.303, Dr: 111.538
Y: 68.09, Cb: 157.395, Cr: 91.286
Y: 65.551, Pb: 29.355, Pr: -40.386
10B 3/6 (approximate)
#024f78
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#024f78
to White#024f78
to Black#024f78
foreground
<p style="color: #024f78">#024f78 foreground</p>
#024f78
background
<p style="background-color: #024f78; color: #fff">#024f78 background</p>
#024f78
border
<p style="border: #024f78 3px solid">#024f78 border</p>
#024f78
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #024f78, #fff); background: -webkit-radial-gradient(50% 50%, #024f78, #fff); background: -o-radial-gradient(50% 50%, #024f78, #fff); background: -ms-radial-gradient(50% 50%, #024f78, #fff); background: radial-gradient(50% 50%, #024f78, #fff); color: #fff">#024f78 radial gradient</p>
#024f78
linear gradient to complementary #772a02
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #024f78, #772a02); background: -webkit-linear-gradient(top, #024f78, #772a02); background: -o-linear-gradient(top, #024f78, #772a02); background: -ms-linear-gradient(top, #024f78, #772a02); background: linear-gradient(top, #024f78, #772a02); color: #fff">
#024f78
linear gradient to complementary #772a02
</p>
#024f78
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #024f78">#024f78 text shadow</p>
The matching paint colors are listed in order of relevancy to the #024f78
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 #024f78
.
Jump to paint brand: