Color Charts
RGB
CMYK
RYB
#003dfd Hex Color CodeThe hexadecimal color code #003dfd is a shade of blue. In the RGB color model #003dfd is comprised of 0% red, 23.92% green and 99.22% blue. In the HSL color space #003dfd has a hue of 225.53 degrees, 100% saturation and 49.61% lightness. This color has an approximate wavelength of 478 nm.
#003dfd Color InformationInverted
#ffc202 25% Saturated
#003cfd Grayscale
#7e7e7e
rgb(0, 61, 253)
rgba(0, 61, 253, 1.0)
red: 0%, yellow: 19.2744%, blue: 99.2157%
#003dfd
15869
-16761347 / 0xff003dfd
hsl(226, 100%, 50%)
hsla(226, 100%, 50%, 1.0)
hue: 226 (225.5336), saturation: 100 (100), value: 99 (99.2157)
X: 19.3984, Y: 10.4293, Z: 93.9192
x: 0.1568, y: 0.0843, Y: 10.4293
L: 38.6022, a: 59.0283, b: -96.2412
L: 38.6022, u: -14.1878, v: -132.0874
L: 38.6022, C: 112.9013, H: 301.5223
L: 32.2945, a: 50.7045, b: -149.8217
cyan: 100 (1), magenta: 76 (0.7589), yellow: 0 (0), key: 1 (0.0078)
cyan: 100 (1), magenta: 76 (0.7608), yellow: 1 (0.0078)
Y: 64.649, I: -98.0212, Q: 46.8391
Y: 64.649, U: 92.6875, V: -56.7169
Y: 64.649, Db: 283.386, Dr: 122.977
Y: 71.538, Cb: 221.316, Cr: 87.589
Y: 61.831, Pb: 103.015, Pr: -39.332
7.5PB 4/24 (approximate)
#003dfd / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#003dfd to White#003dfd to Black#003dfd foreground
<p style="color: #003dfd">#003dfd foreground</p>
#003dfd background
<p style="background-color: #003dfd; color: #fff">#003dfd background</p>
#003dfd border
<p style="border: #003dfd 3px solid">#003dfd border</p>
#003dfd radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #003dfd, #fff); background: -webkit-radial-gradient(50% 50%, #003dfd, #fff); background: -o-radial-gradient(50% 50%, #003dfd, #fff); background: -ms-radial-gradient(50% 50%, #003dfd, #fff); background: radial-gradient(50% 50%, #003dfd, #fff); color: #fff">#003dfd radial gradient</p>
#003dfd linear gradient to complementary #fdc000
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #003dfd, #fdc000); background: -webkit-linear-gradient(top, #003dfd, #fdc000); background: -o-linear-gradient(top, #003dfd, #fdc000); background: -ms-linear-gradient(top, #003dfd, #fdc000); background: linear-gradient(top, #003dfd, #fdc000); color: #fff">#003dfd linear gradient to complementary #fdc000</p>
#003dfd text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #003dfd">#003dfd text shadow</p>
The matching paint colors are listed in order of relevancy to the #003dfd 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 #003dfd.
Jump to paint brand: