#003cee
Hex Color CodeThe hexadecimal color code #003cee
is a shade of blue. In the RGB color model #003cee
is comprised of 0% red, 23.53% green and 93.33% blue. In the HSL color space #003cee
has a hue of 224.87 degrees, 100% saturation and 46.67% lightness. This color has an approximate wavelength of 478 nm.
#003cee
Color InformationInverted
#ffc311 25% Saturated
#003bed Grayscale
#767676
rgb(0, 60, 238)
rgba(0, 60, 238, 1.0)
red: 0%, yellow: 18.7919%, blue: 93.3333%
#003cee
15598
-16761618 / 0xff003cee
hsl(225, 100%, 47%)
hsla(225, 100%, 47%, 1.0)
hue: 225 (224.8739), saturation: 100 (100), value: 93 (93.3333)
X: 17.0485, Y: 9.4048, Z: 81.8057
x: 0.1575, y: 0.0869, Y: 9.4048
L: 36.7522, a: 54.6003, b: -90.8663
L: 36.7522, u: -13.7836, v: -123.5458
L: 36.7522, C: 106.0088, H: 301.0011
L: 30.6672, a: 45.564, b: -136.6909
cyan: 100 (1), magenta: 75 (0.7479), yellow: 0 (0), key: 7 (0.0667)
cyan: 100 (1), magenta: 76 (0.7647), yellow: 7 (0.0667)
Y: 62.352, I: -92.9278, Q: 42.6947
Y: 62.352, U: 86.4364, V: -54.7018
Y: 62.352, Db: 264.274, Dr: 118.606
Y: 69.564, Cb: 215.022, Cr: 89.022
Y: 60.036, Pb: 95.9, Pr: -38.188
7.5PB 4/22 approximate; exact match: Munsell 7.5PB 4/22 / #3e44f7
#003cee
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#003cee
to White#003cee
to Black#003cee
foreground
<p style="color: #003cee">#003cee foreground</p>
#003cee
background
<p style="background-color: #003cee; color: #fff">#003cee background</p>
#003cee
border
<p style="border: #003cee 3px solid">#003cee border</p>
#003cee
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #003cee, #fff); background: -webkit-radial-gradient(50% 50%, #003cee, #fff); background: -o-radial-gradient(50% 50%, #003cee, #fff); background: -ms-radial-gradient(50% 50%, #003cee, #fff); background: radial-gradient(50% 50%, #003cee, #fff); color: #fff">#003cee radial gradient</p>
#003cee
linear gradient to complementary #edb100
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #003cee, #edb100); background: -webkit-linear-gradient(top, #003cee, #edb100); background: -o-linear-gradient(top, #003cee, #edb100); background: -ms-linear-gradient(top, #003cee, #edb100); background: linear-gradient(top, #003cee, #edb100); color: #fff">
#003cee
linear gradient to complementary #edb100
</p>
#003cee
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #003cee">#003cee text shadow</p>
The matching paint colors are listed in order of relevancy to the #003cee
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 #003cee
.
Jump to paint brand: