Encycolorpedia

#3344c5 Hex Color Code

#3344c5 Paint ChipThe hexadecimal color code #3344c5 is a shade of blue. In the RGB color model #3344c5 is comprised of 20% red, 26.67% green and 77.25% blue. In the HSL color space #3344c5 has a hue of 233° (degrees), 59% saturation and 49% lightness. This color has an approximate wavelength of 466.53 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange)

#3344c5 linear gradient to complementary #69f800

  1. #3344c5
  2. #5b61b1
  3. #6f7f9d
  4. #799c87
  5. #7cba6e
  6. #77d94e
  7. #69f800

Monochromatic Colors

  1. #1236b3
  2. #1f3bb9
  3. #2a3fbf
  4. #3344c5
  5. #3b49cb
  6. #434ed1
  7. #4a53d7

Tones

  1. #3344c5
  2. #4b4db9
  3. #5b56ad
  4. #6760a1
  5. #706995
  6. #777289
  7. #7c7c7c

Tints and Shades

#3344c5 to White

  1. #3344c5
  2. #6360cf
  3. #877eda
  4. #a79de4
  5. #c5bded
  6. #e2ddf6
  7. #ffffff

#3344c5 to Black

  1. #3344c5
  2. #3039a1
  3. #2b2f7f
  4. #24255e
  5. #1d1b3f
  6. #141122
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Caparol

    1. ★ 65 25 260 / Lazur 210
      #1c48c8
      ΔE = 1.676
    2. 60 21 264 / Saphir 105
      #2c40b8
      ΔE = 2.680
  2. Pantone / PMS

    1. 2728
      #3342b5
      ΔE = 2.561

#3344c5 HTML / CSS Code Examples

#3344c5 foreground

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

Vincent van Gogh
<p style="color: #3344c5">…</p>

#3344c5 background

Creativity takes courage.

Henri Matisse
<p style="background-color: #3344c5">…</p>

#3344c5 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 #3344c5">…</p>

Color Charts

Color Space Conversions

Decimal
3359941
Binary
00110011, 01000100, 11000101
Hexadecimal
#3344c5
Closest short hex
#24c ΔE = 1.015
RGB
rgb(51, 68, 197)
RGBA
rgba(51, 68, 197, 1.0)
rg chromaticity
r: 0.161, g: 0.215, b: 0.623
RYB
red: 20.000%, yellow: 25.971%, blue: 77.255%
Android / android.graphics.Color
-13417275 / 0xff3344c5
HSL
hsl(233, 59%, 49%)
HSLA
hsla(233, 59%%, 49%%, 1.0)
HSV / HSB
hue: 233° (233.014), saturation: 74% (0.741), value: 77% (0.773)
HSP
hue: 233.014, saturation: 74.112, perceived brightness: 34.891
HSLuv (HUSL)
H: 263.887, S: 79.358, L: 35.729
Cubehelix
H: -128.947, S: 1.144, L: 0.302
TSL
T: -2.663, S: 0.280, L: 0.304
CMYK
cyan: 74 (0.741), magenta: 65 (0.655), yellow: 0 (0.000), key: 23 (0.227)
CMY
cyan: 80 (0.800), magenta: 73 (0.733), yellow: 23 (0.227)
XYZ
X: 13.507, Y: 8.868, Z: 53.812
xyY
x: 0.177, y: 0.116, Y: 8.868
CIELab
L: 35.729, a: 37.953, b: -68.939
CIELuv
L: 35.729, u: -10.405, v: -97.158
CIELCH / LCHab
L: 35.729, C: 78.696, H: 298.834
CIELUV / LCHuv
L: 35.729, C: 97.713, H: 263.887
Hunter-Lab
L: 29.779, a: 28.850, b: -86.295
CIECAM02
J: 25.432, C: 68.021, h: 264.245, Q: 99.357, M: 59.483, s: 77.374, H: 313.320
OSA-UCS
lightness: -10.696, jaune: -12.588, green: 1.303
LMS
L: 4.968, M: 5.878, S: 53.080
YCbCr
Y: 82.685, Cb: 187.147, Cr: 111.378
YCgCo
Y: 96.000, Cg: -28.000, Co: -23.750
YDbDr
Y: 77.623, Db: 179.607, Dr: 50.654
YPbPr
Y: 73.667, Pb: 66.455, Pr: -14.434
xvYCC
Y: 79.267, Cb: 186.376, Cr: 115.321
YIQ
Y: 77.623, I: -51.570, Q: 36.542
YUV
Y: 77.623, U: 58.746, V: -23.356
Munsell Color System
7.5PB 3/12 ΔE = 11.558
Brand Color
Behance ΔE = 6.779

Random Colors

Red

Green

Blue