#3f45ff
Hex Color CodeThe hexadecimal color code #3f45ff
is a medium light shade of blue. In the RGB color model #3f45ff
is comprised of 24.71% red, 27.06% green and 100% blue. In the HSL color space #3f45ff
has a hue of 238.13 degrees, 100% saturation and 62.35% lightness. This color has an approximate wavelength of 470 nm.
#3f45ff
Color InformationInverted
#c0ba00 25% Saturated
#3f44ff Grayscale
#9f9f9f
25% Lighter
#8e92fe Original
#3f45ff 25% Darker
#0007ee
blueviolet
#8a2be2 25% Desaturated
#575be7 Web Safe: blue
#0000ff
rgb(63, 69, 255)
rgba(63, 69, 255, 1.0)
red: 24.7059%, yellow: 26.9875%, blue: 100%
#3f45ff
4146687
-12630529 / 0xff3f45ff
hsl(238, 100%, 62%)
hsla(238, 100%, 62%, 1.0)
hue: 238 (238.125), saturation: 75 (75.2941), value: 100 (100)
X: 22.228, Y: 12.533, Z: 95.8553
x: 0.1702, y: 0.096, Y: 12.533
L: 42.051, a: 57.8322, b: -91.5944
L: 42.051, u: -10.5101, v: -132.1504
L: 42.051, C: 108.324, H: 302.2681
L: 35.402, a: 50.1222, b: -135.7537
cyan: 75 (0.7529), magenta: 73 (0.7294), yellow: 0 (0), key: 0 (0)
cyan: 75 (0.7529), magenta: 73 (0.7294), yellow: 0 (0)
Y: 88.41, I: -63.3292, Q: 56.6024
Y: 88.41, U: 81.9795, V: -22.2919
Y: 88.41, Db: 250.638, Dr: 48.36
Y: 91.957, Cb: 210.542, Cr: 112.16
Y: 81.114, Pb: 93.69, Pr: -11.556
7.5PB 4/22 approximate; exact match: Munsell 7.5PB 4/22 / #3e44f7
#3f45ff
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#3f45ff
to White#3f45ff
to Black#3f45ff
foreground
<p style="color: #3f45ff">#3f45ff foreground</p>
#3f45ff
background
<p style="background-color: #3f45ff; color: #fff">#3f45ff background</p>
#3f45ff
border
<p style="border: #3f45ff 3px solid">#3f45ff border</p>
#3f45ff
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3f45ff, #fff); background: -webkit-radial-gradient(50% 50%, #3f45ff, #fff); background: -o-radial-gradient(50% 50%, #3f45ff, #fff); background: -ms-radial-gradient(50% 50%, #3f45ff, #fff); background: radial-gradient(50% 50%, #3f45ff, #fff); color: #fff">#3f45ff radial gradient</p>
#3f45ff
linear gradient to complementary #fff93f
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3f45ff, #fff93f); background: -webkit-linear-gradient(top, #3f45ff, #fff93f); background: -o-linear-gradient(top, #3f45ff, #fff93f); background: -ms-linear-gradient(top, #3f45ff, #fff93f); background: linear-gradient(top, #3f45ff, #fff93f); color: #fff">
#3f45ff
linear gradient to complementary #fff93f
</p>
#3f45ff
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #3f45ff">#3f45ff text shadow</p>
The matching paint colors are listed in order of relevancy to the #3f45ff
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 #3f45ff
.
Jump to paint brand: