Color Charts
RGB
CMYK
RYB
#024a56 Hex Color CodeThe hexadecimal color code #024a56 is a dark shade of cyan. In the RGB color model #024a56 is comprised of 0.78% red, 29.02% green and 33.73% blue. In the HSL color space #024a56 has a hue of 188.57 degrees, 95.45% saturation and 17.25% lightness. This color has an approximate wavelength of 501 nm.
#024a56 Color InformationInverted
#fdb5a9 25% Saturated
#004b58 Grayscale
#2c2c2c
25% Lighter
#025c6b Original
#024a56 25% Darker
#013740
darkslategray / darkslategrey
#2f4f4f 25% Desaturated
#0c424b Web Safe: teal
#008080
rgb(2, 74, 86)
rgba(2, 74, 86, 1.0)
red: 0.7843%, yellow: 15.9879%, blue: 33.7255%
#024a56
150102
-16627114 / 0xff024a56
hsl(189, 95%, 17%)
hsla(189, 95%, 17%, 1.0)
hue: 189 (188.5714), saturation: 98 (97.6744), value: 34 (33.7255)
X: 4.1535, Y: 5.5824, Z: 9.6627
x: 0.2141, y: 0.2878, Y: 5.5824
L: 28.3333, a: -14.977, b: -12.7723
L: 28.3333, u: -20.5122, v: -14.1706
L: 28.3333, C: 19.6836, H: 220.4575
L: 23.627, a: -9.9677, b: -7.7088
cyan: 98 (0.9767), magenta: 14 (0.1395), yellow: 0 (0), key: 66 (0.6627)
cyan: 99 (0.9922), magenta: 71 (0.7098), yellow: 66 (0.6627)
Y: 53.84, I: -46.7467, Q: -11.4912
Y: 53.84, U: 15.8261, V: -45.4801
Y: 53.84, Db: 48.396, Dr: 98.58
Y: 62.238, Cb: 143.924, Cr: 95.54
Y: 59.528, Pb: 14.28, Pr: -36.552
10BG 3/4 approximate; exact match: Munsell 10BG 3/4 / #144f5b
#024a56 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#024a56 to White#024a56 to Black#024a56 foreground
<p style="color: #024a56">#024a56 foreground</p>
#024a56 background
<p style="background-color: #024a56; color: #fff">#024a56 background</p>
#024a56 border
<p style="border: #024a56 3px solid">#024a56 border</p>
#024a56 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #024a56, #fff); background: -webkit-radial-gradient(50% 50%, #024a56, #fff); background: -o-radial-gradient(50% 50%, #024a56, #fff); background: -ms-radial-gradient(50% 50%, #024a56, #fff); background: radial-gradient(50% 50%, #024a56, #fff); color: #fff">#024a56 radial gradient</p>
#024a56 linear gradient to complementary #560d01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #024a56, #560d01); background: -webkit-linear-gradient(top, #024a56, #560d01); background: -o-linear-gradient(top, #024a56, #560d01); background: -ms-linear-gradient(top, #024a56, #560d01); background: linear-gradient(top, #024a56, #560d01); color: #fff">#024a56 linear gradient to complementary #560d01</p>
#024a56 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #024a56">#024a56 text shadow</p>
The matching paint colors are listed in order of relevancy to the #024a56 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 #024a56.
Jump to paint brand: