Color Charts
RGB
CMYK
RYB
#004de2 Hex Color CodeThe hexadecimal color code #004de2 is a shade of cyan-blue. In the RGB color model #004de2 is comprised of 0% red, 30.2% green and 88.63% blue. In the HSL color space #004de2 has a hue of 219.56 degrees, 100% saturation and 44.31% lightness. This color has an approximate wavelength of 482 nm.
#004de2 Color InformationInverted
#ffb21d 25% Saturated
#004de2 Grayscale
#717171
25% Lighter
#1b69ff Original
#004de2 25% Darker
#0039a9
slateblue
#6a5acd 25% Desaturated
#1c56c5 Web Safe: blue
#0000ff
rgb(0, 77, 226)
rgba(0, 77, 226, 1.0)
red: 0%, yellow: 22.5225%, blue: 88.6275%
#004de2
19938
-16757278 / 0xff004de2
hsl(220, 100%, 44%)
hsla(220, 100%, 44%, 1.0)
hue: 220 (219.5575), saturation: 100 (100), value: 89 (88.6275)
X: 16.3813, Y: 10.7987, Z: 73.1725
x: 0.1632, y: 0.1076, Y: 10.7987
L: 39.2394, a: 40.1524, b: -79.9429
L: 39.2394, u: -16.912, v: -114.3008
L: 39.2394, C: 89.4599, H: 296.6687
L: 32.8614, a: 31.4743, b: -109.0179
cyan: 100 (1), magenta: 66 (0.6593), yellow: 0 (0), key: 11 (0.1137)
cyan: 100 (1), magenta: 70 (0.698), yellow: 11 (0.1137)
Y: 70.963, I: -93.7383, Q: 30.077
Y: 70.963, U: 76.2938, V: -62.2565
Y: 70.963, Db: 233.267, Dr: 134.974
Y: 76.956, Cb: 204.807, Cr: 83.618
Y: 71.327, Pb: 83.355, Pr: -45.354
7.5PB 4/18 approximate; exact match: Munsell 7.5PB 4/18 / #404ede
#004de2 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#004de2 to White#004de2 to Black#004de2 foreground
<p style="color: #004de2">#004de2 foreground</p>
#004de2 background
<p style="background-color: #004de2; color: #fff">#004de2 background</p>
#004de2 border
<p style="border: #004de2 3px solid">#004de2 border</p>
#004de2 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #004de2, #fff); background: -webkit-radial-gradient(50% 50%, #004de2, #fff); background: -o-radial-gradient(50% 50%, #004de2, #fff); background: -ms-radial-gradient(50% 50%, #004de2, #fff); background: radial-gradient(50% 50%, #004de2, #fff); color: #fff">#004de2 radial gradient</p>
#004de2 linear gradient to complementary #e29500
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #004de2, #e29500); background: -webkit-linear-gradient(top, #004de2, #e29500); background: -o-linear-gradient(top, #004de2, #e29500); background: -ms-linear-gradient(top, #004de2, #e29500); background: linear-gradient(top, #004de2, #e29500); color: #fff">#004de2 linear gradient to complementary #e29500</p>
#004de2 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #004de2">#004de2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #004de2 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 #004de2.
Jump to paint brand: