Color Charts
RGB
CMYK
RYB
#024dfd Hex Color CodeThe hexadecimal color code #024dfd is a shade of blue. In the RGB color model #024dfd is comprised of 0.78% red, 30.2% green and 99.22% blue. In the HSL color space #024dfd has a hue of 222.07 degrees, 98.43% saturation and 50% lightness. This color has an approximate wavelength of 480 nm.
#024dfd Color InformationInverted
#fdb202 25% Saturated
#004cff Grayscale
#7f7f7f
25% Lighter
#4179fd Original
#024dfd 25% Darker
#0139bd
slateblue
#6a5acd 25% Desaturated
#2159dd Web Safe: blue
#0000ff
rgb(2, 77, 253)
rgba(2, 77, 253, 1.0)
red: 0.7843%, yellow: 23.4296%, blue: 99.2157%
#024dfd
151037
-16626179 / 0xff024dfd
hsl(222, 98%, 50%)
hsla(222, 98%, 50%, 1.0)
hue: 222 (222.0717), saturation: 99 (99.2095), value: 99 (99.2157)
X: 20.4085, Y: 12.4125, Z: 94.2487
x: 0.1606, y: 0.0977, Y: 12.4125
L: 41.8644, a: 49.9911, b: -90.8392
L: 41.8644, u: -16.8798, v: -130.6413
L: 41.8644, C: 103.6864, H: 298.8251
L: 35.2314, a: 41.745, b: -133.9468
cyan: 99 (0.9921), magenta: 70 (0.6957), yellow: 0 (0), key: 1 (0.0078)
cyan: 99 (0.9922), magenta: 70 (0.698), yellow: 1 (0.0078)
Y: 74.639, I: -101.221, Q: 38.9006
Y: 74.639, U: 87.7715, V: -63.7268
Y: 74.639, Db: 268.358, Dr: 138.167
Y: 80.116, Cb: 216.364, Cr: 82.579
Y: 73.697, Pb: 96.625, Pr: -45.596
7.5PB 4/22 approximate; exact match: Munsell 7.5PB 4/22 / #3e44f7
#024dfd / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#024dfd to White#024dfd to Black#024dfd foreground
<p style="color: #024dfd">#024dfd foreground</p>
#024dfd background
<p style="background-color: #024dfd; color: #fff">#024dfd background</p>
#024dfd border
<p style="border: #024dfd 3px solid">#024dfd border</p>
#024dfd radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #024dfd, #fff); background: -webkit-radial-gradient(50% 50%, #024dfd, #fff); background: -o-radial-gradient(50% 50%, #024dfd, #fff); background: -ms-radial-gradient(50% 50%, #024dfd, #fff); background: radial-gradient(50% 50%, #024dfd, #fff); color: #fff">#024dfd radial gradient</p>
#024dfd linear gradient to complementary #fdb201
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #024dfd, #fdb201); background: -webkit-linear-gradient(top, #024dfd, #fdb201); background: -o-linear-gradient(top, #024dfd, #fdb201); background: -ms-linear-gradient(top, #024dfd, #fdb201); background: linear-gradient(top, #024dfd, #fdb201); color: #fff">#024dfd linear gradient to complementary #fdb201</p>
#024dfd text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #024dfd">#024dfd text shadow</p>
The matching paint colors are listed in order of relevancy to the #024dfd 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 #024dfd.
Jump to paint brand: