#02458c
Hex Color CodeThe hexadecimal color code #02458c
is a medium dark shade of cyan-blue. In the RGB color model #02458c
is comprised of 0.78% red, 27.06% green and 54.9% blue. In the HSL color space #02458c
has a hue of 210.87 degrees, 97.18% saturation and 27.84% lightness. This color has an approximate wavelength of 487 nm.
#02458c
Color InformationInverted
#fdba73 25% Saturated
#00448e Grayscale
#474747
25% Lighter
#0256af Original
#02458c 25% Darker
#013369
darkslateblue
#483d8b 25% Desaturated
#13457a Web Safe: blue
#0000ff
rgb(2, 69, 140)
rgba(2, 69, 140, 1.0)
red: 0.7843%, yellow: 18.4715%, blue: 54.902%
#02458c
148876
-16628340 / 0xff02458c
hsl(211, 97%, 28%)
hsla(211, 97%, 28%, 1.0)
hue: 211 (210.8696), saturation: 99 (98.5714), value: 55 (54.902)
X: 6.8868, Y: 6.1626, Z: 25.6375
x: 0.178, y: 0.1593, Y: 6.1626
L: 29.819, a: 10.9513, b: -44.5021
L: 29.819, u: -16.1004, v: -59.554
L: 29.819, C: 45.8297, H: 283.8249
L: 24.8246, a: 6.0761, b: -43.8543
cyan: 99 (0.9857), magenta: 51 (0.5071), yellow: 0 (0), key: 45 (0.451)
cyan: 99 (0.9922), magenta: 73 (0.7294), yellow: 45 (0.451)
Y: 57.061, I: -62.7226, Q: 7.923
Y: 57.061, U: 40.8144, V: -48.3057
Y: 57.061, Db: 124.793, Dr: 104.718
Y: 65.01, Cb: 169.085, Cr: 93.546
Y: 59.841, Pb: 43.205, Pr: -36.766
5PB 3/10 (approximate)
#02458c
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02458c
to White#02458c
to Black#02458c
foreground
<p style="color: #02458c">#02458c foreground</p>
#02458c
background
<p style="background-color: #02458c; color: #fff">#02458c background</p>
#02458c
border
<p style="border: #02458c 3px solid">#02458c border</p>
#02458c
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02458c, #fff); background: -webkit-radial-gradient(50% 50%, #02458c, #fff); background: -o-radial-gradient(50% 50%, #02458c, #fff); background: -ms-radial-gradient(50% 50%, #02458c, #fff); background: radial-gradient(50% 50%, #02458c, #fff); color: #fff">#02458c radial gradient</p>
#02458c
linear gradient to complementary #8c4901
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02458c, #8c4901); background: -webkit-linear-gradient(top, #02458c, #8c4901); background: -o-linear-gradient(top, #02458c, #8c4901); background: -ms-linear-gradient(top, #02458c, #8c4901); background: linear-gradient(top, #02458c, #8c4901); color: #fff">
#02458c
linear gradient to complementary #8c4901
</p>
#02458c
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02458c">#02458c text shadow</p>
The matching paint colors are listed in order of relevancy to the #02458c
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 #02458c
.
Jump to paint brand: