Color Charts
RGB
CMYK
RYB
#024a63 Hex Color CodeThe hexadecimal color code #024a63 is a dark shade of cyan. In the RGB color model #024a63 is comprised of 0.78% red, 29.02% green and 38.82% blue. In the HSL color space #024a63 has a hue of 195.46 degrees, 96.04% saturation and 19.8% lightness. This color has an approximate wavelength of 497 nm.
#024a63 Color InformationInverted
#fdb59c 25% Saturated
#004a65 Grayscale
#323232
25% Lighter
#025c7b Original
#024a63 25% Darker
#01374a
darkslategray / darkslategrey
#2f4f4f 25% Desaturated
#0e4456 Web Safe: teal
#008080
rgb(2, 74, 99)
rgba(2, 74, 99, 1.0)
red: 0.7843%, yellow: 16.9904%, blue: 38.8235%
#024a63
150115
-16627101 / 0xff024a63
hsl(195, 96%, 20%)
hsla(195, 96%, 20%, 1.0)
hue: 195 (195.4639), saturation: 98 (97.9798), value: 39 (38.8235)
X: 4.7259, Y: 5.8113, Z: 12.677
x: 0.2036, y: 0.2503, Y: 5.8113
L: 28.9314, a: -9.8098, b: -20.1918
L: 28.9314, u: -19.687, v: -24.7431
L: 28.9314, C: 22.4487, H: 244.088
L: 24.1067, a: -7.193, b: -14.3042
cyan: 98 (0.9798), magenta: 25 (0.2525), yellow: 0 (0), key: 61 (0.6118)
cyan: 99 (0.9922), magenta: 71 (0.7098), yellow: 61 (0.6118)
Y: 55.322, I: -50.9231, Q: -7.4465
Y: 55.322, U: 21.4941, V: -46.7802
Y: 55.322, Db: 65.725, Dr: 101.401
Y: 63.512, Cb: 149.631, Cr: 94.617
Y: 60.464, Pb: 20.78, Pr: -37.15
5B 3/4 approximate; exact match: Munsell 5B 3/4 / #1a4d63
#024a63 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#024a63 to White#024a63 to Black#024a63 foreground
<p style="color: #024a63">#024a63 foreground</p>
#024a63 background
<p style="background-color: #024a63; color: #fff">#024a63 background</p>
#024a63 border
<p style="border: #024a63 3px solid">#024a63 border</p>
#024a63 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #024a63, #fff); background: -webkit-radial-gradient(50% 50%, #024a63, #fff); background: -o-radial-gradient(50% 50%, #024a63, #fff); background: -ms-radial-gradient(50% 50%, #024a63, #fff); background: radial-gradient(50% 50%, #024a63, #fff); color: #fff">#024a63 radial gradient</p>
#024a63 linear gradient to complementary #631a02
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #024a63, #631a02); background: -webkit-linear-gradient(top, #024a63, #631a02); background: -o-linear-gradient(top, #024a63, #631a02); background: -ms-linear-gradient(top, #024a63, #631a02); background: linear-gradient(top, #024a63, #631a02); color: #fff">#024a63 linear gradient to complementary #631a02</p>
#024a63 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #024a63">#024a63 text shadow</p>
The matching paint colors are listed in order of relevancy to the #024a63 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 #024a63.
Jump to paint brand: