Encycolorpedia

#304bb4 Hex Color Code

#304bb4 Paint ChipThe hexadecimal color code #304bb4 is a shade of blue. In the RGB color model #304bb4 is comprised of 18.82% red, 29.41% green and 70.59% blue. In the HSL color space #304bb4 has a hue of 228° (degrees), 58% saturation and 45% lightness. This color has an approximate wavelength of 468.74 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange)

#304bb4 linear gradient to complementary #96e400

  1. #304bb4
  2. #5a63a2
  3. #727b90
  4. #81947b
  5. #8cae64
  6. #93c946
  7. #96e400

Monochromatic Colors

  1. #123da3
  2. #1e41a8
  3. #2846ae
  4. #304bb4
  5. #3850ba
  6. #3f55c0
  7. #465ac6

Tones

  1. #304bb4
  2. #4551a9
  3. #53579e
  4. #5e5e93
  5. #666588
  6. #6d6b7d
  7. #727272

Tints and Shades

#304bb4 to White

  1. #304bb4
  2. #5e66c1
  3. #8282ce
  4. #a2a0da
  5. #c2bfe7
  6. #e0def3
  7. #ffffff

#304bb4 to Black

  1. #304bb4
  2. #2d3f94
  3. #283374
  4. #222857
  5. #1b1d3a
  6. #131220
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. GM / General Motors

    1. Medium Cloisonne
      #1346b8
      ΔE = 2.500
  2. Pantone / PMS

    1. 293
      #0047ba
      ΔE = 2.555
  3. Caparol

    1. 60 22 260 / Lazur 135
      #2044b0
      ΔE = 2.900
  4. Chrysler

    1. Holland Blue
      #324ca4
      ΔE = 2.996

#304bb4 HTML / CSS Code Examples

#304bb4 foreground

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

Vincent van Gogh
<p style="color: #304bb4">…</p>

#304bb4 background

Creativity takes courage.

Henri Matisse
<p style="background-color: #304bb4">…</p>

#304bb4 shadow

If I could say it in words there would be no reason to paint.

Edward Hopper
<p style="text-shadow: 0.1em 0.1em 0.15em #304bb4">…</p>

Color Charts

Color Space Conversions

Decimal
3165108
Binary
00110000, 01001011, 10110100
Hexadecimal
#304bb4
Closest short hex
#34a ΔE = 2.688
RGB
rgb(48, 75, 180)
RGBA
rgba(48, 75, 180, 1.0)
rg chromaticity
r: 0.158, g: 0.248, b: 0.594
RYB
red: 18.824%, yellow: 27.614%, blue: 70.588%
Android / android.graphics.Color
-13612108 / 0xff304bb4
HSL
hsl(228, 58%, 45%)
HSLA
hsla(228, 58%%, 45%%, 1.0)
HSV / HSB
hue: 228° (227.727), saturation: 73% (0.733), value: 71% (0.706)
HSP
hue: 227.727, saturation: 73.333, perceived brightness: 34.377
HSLuv (HUSL)
H: 261.674, S: 79.664, L: 35.897
Cubehelix
H: -133.954, S: 0.976, L: 0.308
TSL
T: -2.434, S: 0.261, L: 0.309
CMYK
cyan: 73 (0.733), magenta: 58 (0.583), yellow: 0 (0.000), key: 29 (0.294)
CMY
cyan: 81 (0.812), magenta: 71 (0.706), yellow: 29 (0.294)
XYZ
X: 11.970, Y: 8.955, Z: 44.269
xyY
x: 0.184, y: 0.137, Y: 8.955
CIELab
L: 35.897, a: 26.934, b: -58.687
CIELuv
L: 35.897, u: -12.264, v: -83.801
CIELCH / LCHab
L: 35.897, C: 64.572, H: 294.652
CIELUV / LCHuv
L: 35.897, C: 84.694, H: 261.674
Hunter-Lab
L: 29.924, a: 19.037, b: -66.765
CIECAM02
J: 25.670, C: 61.132, h: 262.065, Q: 99.822, M: 53.459, s: 73.181, H: 312.167
OSA-UCS
lightness: -10.596, jaune: -10.612, green: 1.410
LMS
L: 5.430, M: 7.048, S: 43.692
YCbCr
Y: 83.776, Cb: 178.091, Cr: 108.692
YCgCo
Y: 94.500, Cg: -19.500, Co: -21.000
YDbDr
Y: 78.897, Db: 152.115, Dr: 58.776
YPbPr
Y: 76.809, Pb: 55.605, Pr: -18.330
xvYCC
Y: 81.965, Cb: 176.845, Cr: 111.898
YIQ
Y: 78.897, I: -49.817, Q: 26.960
YUV
Y: 78.897, U: 49.753, V: -27.106
Munsell Color System
7.5PB 3/12 ΔE = 6.350
Brand Color
Samsung ΔE = 5.973

Random Colors

Red

Green

Blue