Color Charts
RGB
CMYK
RYB
#024f63 Hex Color CodeThe hexadecimal color code #024f63 is a dark shade of cyan. In the RGB color model #024f63 is comprised of 0.78% red, 30.98% green and 38.82% blue. In the HSL color space #024f63 has a hue of 192.37 degrees, 96.04% saturation and 19.8% lightness. This color has an approximate wavelength of 499 nm.
#024f63 Color InformationInverted
#fdb09c 25% Saturated
#005065 Grayscale
#323232
25% Lighter
#02627b Original
#024f63 25% Darker
#013b4a
darkslategray / darkslategrey
#2f4f4f 25% Desaturated
#0e4756 Web Safe: teal
#008080
rgb(2, 79, 99)
rgba(2, 79, 99, 1.0)
red: 0.7843%, yellow: 17.6178%, blue: 38.8235%
#024f63
151395
-16625821 / 0xff024f63
hsl(192, 96%, 20%)
hsla(192, 96%, 20%, 1.0)
hue: 192 (192.3711), saturation: 98 (97.9798), value: 39 (38.8235)
X: 5.0731, Y: 6.5057, Z: 12.7927
x: 0.2082, y: 0.2669, Y: 6.5057
L: 30.6541, a: -12.8389, b: -17.5179
L: 30.6541, u: -21.5027, v: -21.1951
L: 30.6541, C: 21.719, H: 233.7623
L: 25.5063, a: -9.1328, b: -11.8826
cyan: 98 (0.9798), magenta: 20 (0.202), yellow: 0 (0), key: 61 (0.6118)
cyan: 99 (0.9922), magenta: 69 (0.6902), yellow: 61 (0.6118)
Y: 58.257, I: -52.2954, Q: -10.0594
Y: 58.257, U: 20.0498, V: -49.3552
Y: 58.257, Db: 61.31, Dr: 106.981
Y: 66.032, Cb: 148.176, Cr: 92.777
Y: 64.039, Pb: 18.855, Pr: -39.42
2.5B 3/4 approximate; exact match: Munsell 2.5B 3/4 / #154e60
#024f63 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#024f63 to White#024f63 to Black#024f63 foreground
<p style="color: #024f63">#024f63 foreground</p>
#024f63 background
<p style="background-color: #024f63; color: #fff">#024f63 background</p>
#024f63 border
<p style="border: #024f63 3px solid">#024f63 border</p>
#024f63 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #024f63, #fff); background: -webkit-radial-gradient(50% 50%, #024f63, #fff); background: -o-radial-gradient(50% 50%, #024f63, #fff); background: -ms-radial-gradient(50% 50%, #024f63, #fff); background: radial-gradient(50% 50%, #024f63, #fff); color: #fff">#024f63 radial gradient</p>
#024f63 linear gradient to complementary #631602
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #024f63, #631602); background: -webkit-linear-gradient(top, #024f63, #631602); background: -o-linear-gradient(top, #024f63, #631602); background: -ms-linear-gradient(top, #024f63, #631602); background: linear-gradient(top, #024f63, #631602); color: #fff">#024f63 linear gradient to complementary #631602</p>
#024f63 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #024f63">#024f63 text shadow</p>
The matching paint colors are listed in order of relevancy to the #024f63 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 #024f63.
Jump to paint brand: