Color Charts
RGB
CMYK
RYB
#3f3fff Hex Color CodeThe hexadecimal color code #3f3fff is a medium light shade of blue. In the RGB color model #3f3fff is comprised of 24.71% red, 24.71% green and 100% blue. In the HSL color space #3f3fff has a hue of 240 degrees, 100% saturation and 62.35% lightness. This color has an approximate wavelength of 469 nm.
#3f3fff Color InformationInverted
#c0c000 25% Saturated
#3f3fff Grayscale
#9f9f9f
25% Lighter
#8e8efe Original
#3f3fff 25% Darker
#0000ee
blueviolet
#8a2be2 25% Desaturated
#5757e7 Web Safe: blue
#0000ff
rgb(63, 63, 255)
rgba(63, 63, 255, 1.0)
red: 24.7059%, yellow: 24.7059%, blue: 100%
#3f3fff
4145151
-12632065 / 0xff3f3fff
hsl(240, 100%, 62%)
hsla(240, 100%, 62%, 1.0)
hue: 240 (240), saturation: 75 (75.2941), value: 100 (100)
X: 21.8774, Y: 11.8318, Z: 95.7384
x: 0.169, y: 0.0914, Y: 11.8318
L: 40.9475, a: 60.9604, b: -93.419
L: 40.9475, u: -9.5762, v: -132.8056
L: 40.9475, C: 111.5495, H: 303.1264
L: 34.3973, a: 53.3342, b: -140.9442
cyan: 75 (0.7529), magenta: 75 (0.7529), yellow: 0 (0), key: 0 (0)
cyan: 75 (0.7529), magenta: 75 (0.7529), yellow: 0 (0)
Y: 84.888, I: -61.6825, Q: 59.7379
Y: 84.888, U: 83.7126, V: -19.2019
Y: 84.888, Db: 255.936, Dr: 41.664
Y: 88.933, Cb: 212.288, Cr: 114.368
Y: 76.824, Pb: 96, Pr: -8.832
7.5PB 4/24 (approximate)
#3f3fff / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#3f3fff to White#3f3fff to Black#3f3fff foreground
<p style="color: #3f3fff">#3f3fff foreground</p>
#3f3fff background
<p style="background-color: #3f3fff; color: #fff">#3f3fff background</p>
#3f3fff border
<p style="border: #3f3fff 3px solid">#3f3fff border</p>
#3f3fff radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3f3fff, #fff); background: -webkit-radial-gradient(50% 50%, #3f3fff, #fff); background: -o-radial-gradient(50% 50%, #3f3fff, #fff); background: -ms-radial-gradient(50% 50%, #3f3fff, #fff); background: radial-gradient(50% 50%, #3f3fff, #fff); color: #fff">#3f3fff radial gradient</p>
#3f3fff linear gradient to complementary #feff3f
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3f3fff, #feff3f); background: -webkit-linear-gradient(top, #3f3fff, #feff3f); background: -o-linear-gradient(top, #3f3fff, #feff3f); background: -ms-linear-gradient(top, #3f3fff, #feff3f); background: linear-gradient(top, #3f3fff, #feff3f); color: #fff">#3f3fff linear gradient to complementary #feff3f</p>
#3f3fff text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #3f3fff">#3f3fff text shadow</p>
The matching paint colors are listed in order of relevancy to the #3f3fff 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 #3f3fff.
Jump to paint brand: