Color Charts
RGB
CMYK
RYB
#002df2 Hex Color CodeThe hexadecimal color code #002df2 is a shade of blue. In the RGB color model #002df2 is comprised of 0% red, 17.65% green and 94.9% blue. In the HSL color space #002df2 has a hue of 228.84 degrees, 100% saturation and 47.45% lightness. This color has an approximate wavelength of 476 nm.
#002df2 Color InformationInverted
#ffd20d 25% Saturated
#002cf1 Grayscale
#787878
rgb(0, 45, 242)
rgba(0, 45, 242, 1.0)
red: 0%, yellow: 14.8801%, blue: 94.902%
#002df2
11762
-16765454 / 0xff002df2
hsl(229, 100%, 47%)
hsla(229, 100%, 47%, 1.0)
hue: 229 (228.843), saturation: 100 (100), value: 95 (94.902)
X: 16.9654, Y: 8.2876, Z: 84.7099
x: 0.1543, y: 0.0754, Y: 8.2876
L: 34.5748, a: 63.527, b: -96.7471
L: 34.5748, u: -11.7833, v: -125.7176
L: 34.5748, C: 115.7398, H: 303.2901
L: 28.7882, a: 54.8141, b: -154.3107
cyan: 100 (1), magenta: 81 (0.814), yellow: 0 (0), key: 5 (0.051)
cyan: 100 (1), magenta: 82 (0.8235), yellow: 5 (0.051)
Y: 54.003, I: -90.096, Q: 51.7781
Y: 54.003, U: 92.5133, V: -47.377
Y: 54.003, Db: 282.851, Dr: 102.734
Y: 62.396, Cb: 221.143, Cr: 94.258
Y: 49.599, Pb: 103.675, Pr: -31.562
7.5PB 4/24 (approximate)
#002df2 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#002df2 to White#002df2 to Black#002df2 foreground
<p style="color: #002df2">#002df2 foreground</p>
#002df2 background
<p style="background-color: #002df2; color: #fff">#002df2 background</p>
#002df2 border
<p style="border: #002df2 3px solid">#002df2 border</p>
#002df2 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #002df2, #fff); background: -webkit-radial-gradient(50% 50%, #002df2, #fff); background: -o-radial-gradient(50% 50%, #002df2, #fff); background: -ms-radial-gradient(50% 50%, #002df2, #fff); background: radial-gradient(50% 50%, #002df2, #fff); color: #fff">#002df2 radial gradient</p>
#002df2 linear gradient to complementary #f1c500
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #002df2, #f1c500); background: -webkit-linear-gradient(top, #002df2, #f1c500); background: -o-linear-gradient(top, #002df2, #f1c500); background: -ms-linear-gradient(top, #002df2, #f1c500); background: linear-gradient(top, #002df2, #f1c500); color: #fff">#002df2 linear gradient to complementary #f1c500</p>
#002df2 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #002df2">#002df2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #002df2 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 #002df2.
Jump to paint brand: