Encycolorpedia

#304dfd Hex Color Code

#304dfd Paint ChipThe hexadecimal color code #304dfd is a shade of blue. In the RGB color model #304dfd is comprised of 18.82% red, 30.2% green and 99.22% blue. In the HSL color space #304dfd has a hue of 232° (degrees), 98% saturation and 59% lightness. This color has an approximate wavelength of 466.52 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange)

#304dfd linear gradient to complementary #53ff2e

  1. #304dfd
  2. #626ce2
  3. #778ac6
  4. #7fa7a9
  5. #7ec48a
  6. #71e166
  7. #53ff2e

Monochromatic Colors

  1. #003be7
  2. #0041ee
  3. #1f47f6
  4. #304dfd
  5. #3d53ff
  6. #4959ff
  7. #535fff

Tones

  1. #304dfd
  2. #5859ec
  3. #6e66db
  4. #7e72cb
  5. #897eba
  6. #918ba8
  7. #979797

Tints and Shades

#304dfd to white

  1. #304dfd
  2. #6d69ff
  3. #9385ff
  4. #b2a3ff
  5. #cec1ff
  6. #e7dfff
  7. #ffffff

#304dfd to black

  1. #304dfd
  2. #3141ce
  3. #2e34a1
  4. #282976
  5. #201e4e
  6. #161329
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Games Workshop - Citadel

    1. ★ Soulstone Blue
      #004efa
      ΔE = 1.587 / LRV ≈ 12.3%
  2. Plascon

    1. ★ Eyes of Iris B7-A1-3
      #504cec
      ΔE = 2.010 / LRV ≈ 12.9%

#304dfd HTML / CSS Code Examples

#304dfd foreground

It took me four years to paint like Raphael, but a lifetime to paint like a child.

Pablo Picasso
<p style="color: #304dfd">…</p>

#304dfd background

Art is a lie that makes us realize truth.

Pablo Picasso
<p style="background-color: #304dfd">…</p>

#304dfd shadow

I wish they would only take me as I am.

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

Color Charts

Color Space Conversions

Decimal
3165693
Binary
00110000, 01001101, 11111101
Hexadecimal
#304dfd
LRV
≈ 13.0%
Closest short hex
#25f ΔE = 2.178
RGB
rgb(48, 77, 253)
RGBA
rgba(48, 77, 253, 1.0)
rg chromaticity
r: 0.127, g: 0.204, b: 0.669
RYB
red: 0.188%, yellow: 0.288%, blue: 0.992%
Android / android.graphics.Color
-13611523 / 0xff304dfd
HSL
hsl(232, 98%, 59%)
HSLA
hsla(232, 98%%, 59%%, 1.0)
HSV / HSB
hue: 232° (231.512), saturation: 81% (0.810), value: 99% (0.992)
HSP
hue: 231.512, saturation: 81.028%, perceived brightness: 41.992%
HSLuv (HUSL)
H: 263.894, S: 98.971, L: 42.801
Cubehelix
H: -130.320, S: 1.481, L: 0.344
TSL
T: -2.598, S: 0.327, L: 0.347
CMYK
cyan: 81% (0.810), magenta: 70% (0.696), yellow: 0% (0.000), key: 1% (0.008)
CMY
cyan: 81% (0.812), magenta: 70% (0.698), yellow: 1% (0.008)
XYZ
X: 21.596, Y: 13.025, Z: 94.285
xyY
x: 0.168, y: 0.101, Y: 13.025
CIELab
L: 42.801, a: 51.651, b: -89.248
CIELuv
L: 42.801, u: -13.917, v: -130.091
CIELCH / LCHab
L: 42.801, C: 103.117, H: 300.059
CIELUV / LCHuv
L: 42.801, C: 130.834, H: 263.894
Hunter-Lab
L: 36.091, a: 43.654, b: -129.629
CIECAM02
J: 31.029, C: 83.179, h: 261.830, Q: 109.748, M: 72.739, s: 81.411, H: 312.044
OSA-UCS
lightness: -10.780, jaune: -16.386, green: 2.554
LMS
L: 6.110, M: 7.491, S: 92.962
YCbCr
Y: 91.938, Cb: 209.556, Cr: 102.773
YCgCo
Y: 113.750, Cg: -36.750, Co: -39.250
YDbDr
Y: 88.393, Db: 247.658, Dr: 76.849
YPbPr
Y: 83.495, Pb: 91.335, Pr: -22.596
xvYCC
Y: 87.707, Cb: 208.232, Cr: 108.151
YIQ
Y: 88.393, I: -73.818, Q: 48.628
YUV
Y: 88.393, U: 81.004, V: -35.437
Munsell Color System
10PB 4/12 ΔE = 17.972
Brand Color
Behance ΔE = 4.219

Random Colors

Red

Green

Blue