Color Charts
RGB
CMYK
RYB
#024c7e Hex Color CodeThe hexadecimal color code #024c7e is a medium dark shade of cyan-blue. In the RGB color model #024c7e is comprised of 0.78% red, 29.8% green and 49.41% blue. In the HSL color space #024c7e has a hue of 204.19 degrees, 96.88% saturation and 25.1% lightness. This color has an approximate wavelength of 491 nm.
#024c7e Color InformationInverted
#fdb381 25% Saturated
#004c80 Grayscale
#404040
25% Lighter
#025e9d Original
#024c7e 25% Darker
#01385e
darkslateblue
#483d8b 25% Desaturated
#11486e Web Safe: blue
#0000ff
rgb(2, 76, 126)
rgba(2, 76, 126, 1.0)
red: 0.7843%, yellow: 18.9582%, blue: 49.4118%
#024c7e
150654
-16626562 / 0xff024c7e
hsl(204, 97%, 25%)
hsla(204, 97%, 25%, 1.0)
hue: 204 (204.1935), saturation: 98 (98.4127), value: 49 (49.4118)
X: 6.3754, Y: 6.6881, Z: 20.6936
x: 0.1889, y: 0.1981, Y: 6.6881
L: 31.0862, a: 0.1966, b: -33.8057
L: 31.0862, u: -18.8907, v: -45.1382
L: 31.0862, C: 33.8063, H: 270.3332
L: 25.8615, a: -1.2537, b: -29.3391
cyan: 98 (0.9841), magenta: 40 (0.3968), yellow: 0 (0), key: 51 (0.5059)
cyan: 99 (0.9922), magenta: 70 (0.702), yellow: 51 (0.5059)
Y: 59.574, I: -60.1461, Q: -0.091
Y: 59.574, U: 32.6884, V: -50.5105
Y: 59.574, Db: 99.95, Dr: 109.492
Y: 67.166, Cb: 160.902, Cr: 91.964
Y: 63.838, Pb: 33.51, Pr: -39.3
2.5PB 3/6 approximate; exact match: Munsell 2.5PB 3/6 / #1c4a76
#024c7e / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#024c7e to White#024c7e to Black#024c7e foreground
<p style="color: #024c7e">#024c7e foreground</p>
#024c7e background
<p style="background-color: #024c7e; color: #fff">#024c7e background</p>
#024c7e border
<p style="border: #024c7e 3px solid">#024c7e border</p>
#024c7e radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #024c7e, #fff); background: -webkit-radial-gradient(50% 50%, #024c7e, #fff); background: -o-radial-gradient(50% 50%, #024c7e, #fff); background: -ms-radial-gradient(50% 50%, #024c7e, #fff); background: radial-gradient(50% 50%, #024c7e, #fff); color: #fff">#024c7e radial gradient</p>
#024c7e linear gradient to complementary #7e3401
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #024c7e, #7e3401); background: -webkit-linear-gradient(top, #024c7e, #7e3401); background: -o-linear-gradient(top, #024c7e, #7e3401); background: -ms-linear-gradient(top, #024c7e, #7e3401); background: linear-gradient(top, #024c7e, #7e3401); color: #fff">#024c7e linear gradient to complementary #7e3401</p>
#024c7e text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #024c7e">#024c7e text shadow</p>
The matching paint colors are listed in order of relevancy to the #024c7e 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 #024c7e.
Jump to paint brand: