#024b95
Hex Color CodeThe hexadecimal color code #024b95
is a medium dark shade of cyan-blue. In the RGB color model #024b95
is comprised of 0.78% red, 29.41% green and 58.43% blue. In the HSL color space #024b95
has a hue of 210.2 degrees, 97.35% saturation and 29.61% lightness. This color has an approximate wavelength of 488 nm.
#024b95
Color InformationInverted
#fdb46a 25% Saturated
#004a97 Grayscale
#4b4b4b
25% Lighter
#025dba Original
#024b95 25% Darker
#01386f
darkslateblue
#483d8b 25% Desaturated
#144b82 Web Safe: blue
#0000ff
rgb(2, 75, 149)
rgba(2, 75, 149, 1.0)
red: 0.7843%, yellow: 19.9127%, blue: 58.4314%
#024b95
150421
-16626795 / 0xff024b95
hsl(210, 97%, 30%)
hsla(210, 97%, 30%, 1.0)
hue: 210 (210.2041), saturation: 99 (98.6577), value: 58 (58.4314)
X: 7.9659, Y: 7.215, Z: 29.4066
x: 0.1787, y: 0.1618, Y: 7.215
L: 32.2914, a: 10.6585, b: -46.017
L: 32.2914, u: -17.6138, v: -63.2483
L: 32.2914, C: 47.2352, H: 283.0409
L: 26.8607, a: 5.9304, b: -46.1069
cyan: 99 (0.9866), magenta: 50 (0.4966), yellow: 0 (0), key: 42 (0.4157)
cyan: 99 (0.9922), magenta: 71 (0.7059), yellow: 42 (0.4157)
Y: 61.609, I: -67.2607, Q: 7.5877
Y: 61.609, U: 43.0052, V: -52.2957
Y: 61.609, Db: 131.492, Dr: 113.367
Y: 68.916, Cb: 171.29, Cr: 90.699
Y: 64.779, Pb: 45.395, Pr: -39.904
5PB 3/10 (approximate)
#024b95
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#024b95
to White#024b95
to Black#024b95
foreground
<p style="color: #024b95">#024b95 foreground</p>
#024b95
background
<p style="background-color: #024b95; color: #fff">#024b95 background</p>
#024b95
border
<p style="border: #024b95 3px solid">#024b95 border</p>
#024b95
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #024b95, #fff); background: -webkit-radial-gradient(50% 50%, #024b95, #fff); background: -o-radial-gradient(50% 50%, #024b95, #fff); background: -ms-radial-gradient(50% 50%, #024b95, #fff); background: radial-gradient(50% 50%, #024b95, #fff); color: #fff">#024b95 radial gradient</p>
#024b95
linear gradient to complementary #954c01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #024b95, #954c01); background: -webkit-linear-gradient(top, #024b95, #954c01); background: -o-linear-gradient(top, #024b95, #954c01); background: -ms-linear-gradient(top, #024b95, #954c01); background: linear-gradient(top, #024b95, #954c01); color: #fff">
#024b95
linear gradient to complementary #954c01
</p>
#024b95
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #024b95">#024b95 text shadow</p>
The matching paint colors are listed in order of relevancy to the #024b95
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 #024b95
.
Jump to paint brand: