Encycolorpedia

#3731ff Hex Color Code

#3731ff Paint ChipThe hexadecimal color code #3731ff is a shade of blue-magenta. In the RGB color model #3731ff is comprised of 21.57% red, 19.22% green and 100% blue. In the HSL color space #3731ff has a hue of 242° (degrees), 100% saturation and 60% lightness. This color has an approximate wavelength of 463.7 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange) Sketch Palette

#3731ff linear gradient to complementary #31ff31

  1. #3731ff
  2. #665ae4
  3. #797dc8
  4. #7f9eac
  5. #7abe8d
  6. #66df68
  7. #31ff31

Monochromatic Colors

  1. #001feb
  2. #1625f2
  3. #292bf8
  4. #3731ff
  5. #4237ff
  6. #4d3dff
  7. #5642ff

Tones

  1. #3731ff
  2. #5d45ee
  3. #7356dd
  4. #8267cc
  5. #8c78bb
  6. #9388aa
  7. #989898

Tints and Shades

#3731ff to white

  1. #3731ff
  2. #7254ff
  3. #9776ff
  4. #b697ff
  5. #d0b9ff
  6. #e9dcff
  7. #ffffff

#3731ff to black

  1. #3731ff
  2. #362bd0
  3. #3124a3
  4. #2b1e77
  5. #22174f
  6. #17102a
  7. #000000

Paints

Similar Paints

  1. Caparol

    1. ★ 67 35 272 / Ultramarinblau 20
      #342cfc
      ΔE = 1.246 / LRV ≈ 9.6%

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

#3731ff HTML / CSS Code Examples

#3731ff foreground

No great artist ever sees things as they really are. If he did, he would cease to be an artist.

Oscar Wilde
<p style="color: #3731ff">…</p>

#3731ff background

I am seeking. I am striving. I am in it with all my heart.

Vincent van Gogh
<p style="background-color: #3731ff">…</p>

#3731ff shadow

I want to touch people with my art. I want them to say 'he feels deeply, he feels tenderly.'.

Vincent Van Gogh
<p style="text-shadow: 0.1em 0.1em 0.15em #3731ff">…</p>

Color Charts

Color Space Conversions

Decimal
3617279
Binary
00110111, 00110001, 11111111
Hexadecimal
#3731ff
LRV
≈ 10.2%
Closest short hex
#33f ΔE = 0.330
RGB
rgb(55, 49, 255)
RGBA
rgba(55, 49, 255, 1.0)
rg chromaticity
r: 0.153, g: 0.136, b: 0.710
RYB
red: 0.216%, yellow: 0.192%, blue: 1.000%
Android / android.graphics.Color
-13159937 / 0xff3731ff
HSL
hsl(242, 100%, 60%)
HSLA
hsla(242, 100%, 60%, 1.0)
HSV / HSB
hue: 242° (241.748), saturation: 81% (0.808), value: 100% (1.000)
HSP
hue: 241.748, saturation: 80.784%, perceived brightness: 38.676%
HSLuv (HUSL)
H: 266.188, S: 99.995, L: 38.246
Cubehelix
H: -121.671, S: 1.760, L: 0.288
TSL
T: -3.021, S: 0.358, L: 0.291
CMYK
cyan: 78% (0.784), magenta: 81% (0.808), yellow: 0% (0.000), key: 0% (0.000)
CMY
cyan: 78% (0.784), magenta: 81% (0.808), yellow: 0% (0.000)
XYZ
X: 20.718, Y: 10.226, Z: 95.470
xyY
x: 0.164, y: 0.081, Y: 10.226
CIELab
L: 38.246, a: 67.093, b: -97.898
CIELuv
L: 38.246, u: -8.895, v: -133.488
CIELCH / LCHab
L: 38.246, C: 118.682, H: 304.424
CIELUV / LCHuv
L: 38.246, C: 133.784, H: 266.188
Hunter-Lab
L: 31.979, a: 59.680, b: -154.620
CIECAM02
J: 26.967, C: 86.445, h: 264.325, Q: 102.312, M: 75.595, s: 85.957, H: 313.363
OSA-UCS
lightness: -10.912, jaune: -18.181, green: 2.344
LMS
L: 4.071, M: 3.365, S: 94.087
YCbCr
Y: 79.821, Cb: 217.546, Cr: 116.008
YCgCo
Y: 102.000, Cg: -53.000, Co: -36.250
YDbDr
Y: 74.278, Db: 271.898, Dr: 36.704
YPbPr
Y: 65.110, Pb: 102.310, Pr: -6.476
xvYCC
Y: 71.918, Cb: 217.872, Cr: 122.311
YIQ
Y: 74.278, I: -62.606, Q: 65.363
YUV
Y: 74.278, U: 88.934, V: -16.912
Munsell Color System
10PB 4/12 ΔE = 23.608
Brand Color
Behance ΔE = 2.494

Random Colors

Red

Green

Blue