Color Charts
RGB
CMYK
RYB
#024166 Hex Color CodeThe hexadecimal color code #024166 is a dark shade of cyan-blue. In the RGB color model #024166 is comprised of 0.78% red, 25.49% green and 40% blue. In the HSL color space #024166 has a hue of 202.2 degrees, 96.15% saturation and 20.39% lightness. This color has an approximate wavelength of 493 nm.
#024166 Color InformationInverted
#fdbe99 25% Saturated
#004168 Grayscale
#343434
25% Lighter
#02517f Original
#024166 25% Darker
#01304c
darkslateblue
#483d8b 25% Desaturated
#0e3d59 Web Safe: blue
#0000ff
rgb(2, 65, 102)
rgba(2, 65, 102, 1.0)
red: 0.7843%, yellow: 15.9413%, blue: 40%
#024166
147814
-16629402 / 0xff024166
hsl(202, 96%, 20%)
hsla(202, 96%, 20%, 1.0)
hue: 202 (202.2), saturation: 98 (98.0392), value: 40 (40)
X: 4.3136, Y: 4.7528, Z: 13.2604
x: 0.1932, y: 0.2129, Y: 4.7528
L: 26.0186, a: -2.7656, b: -26.6896
L: 26.0186, u: -16.3386, v: -33.0207
L: 26.0186, C: 26.8325, H: 264.0841
L: 21.8009, a: -2.833, b: -20.8024
cyan: 98 (0.9804), magenta: 36 (0.3627), yellow: 0 (0), key: 60 (0.6)
cyan: 99 (0.9922), magenta: 75 (0.7451), yellow: 60 (0.6)
Y: 50.381, I: -49.4168, Q: -1.8097
Y: 50.381, U: 25.4018, V: -42.4454
Y: 50.381, Db: 77.671, Dr: 92.008
Y: 59.27, Cb: 153.567, Cr: 97.716
Y: 54.245, Pb: 25.745, Pr: -33.202
10B 3/6 (approximate)
#024166 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#024166 to White#024166 to Black#024166 foreground
<p style="color: #024166">#024166 foreground</p>
#024166 background
<p style="background-color: #024166; color: #fff">#024166 background</p>
#024166 border
<p style="border: #024166 3px solid">#024166 border</p>
#024166 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #024166, #fff); background: -webkit-radial-gradient(50% 50%, #024166, #fff); background: -o-radial-gradient(50% 50%, #024166, #fff); background: -ms-radial-gradient(50% 50%, #024166, #fff); background: radial-gradient(50% 50%, #024166, #fff); color: #fff">#024166 radial gradient</p>
#024166 linear gradient to complementary #662601
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #024166, #662601); background: -webkit-linear-gradient(top, #024166, #662601); background: -o-linear-gradient(top, #024166, #662601); background: -ms-linear-gradient(top, #024166, #662601); background: linear-gradient(top, #024166, #662601); color: #fff">#024166 linear gradient to complementary #662601</p>
#024166 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #024166">#024166 text shadow</p>
The matching paint colors are listed in order of relevancy to the #024166 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 #024166.
Jump to paint brand: