Encycolorpedia

#337be5 Hex Color Code

#337be5 Paint ChipThe hexadecimal color code #337be5 is a shade of cyan-blue. In the RGB color model #337be5 is comprised of 20% red, 48.24% green and 89.8% blue. In the HSL color space #337be5 has a hue of 216° (degrees), 77% saturation and 55% lightness. This color has an approximate wavelength of 473.36 nm.

Color Variations

Related Named Colors

Color Schemes

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

#337be5 linear gradient to complementary #faff19

  1. #337be5
  2. #798ecd
  3. #9fa3b4
  4. #bbb99a
  5. #d3d07d
  6. #e8e75a
  7. #faff19

Monochromatic Colors

  1. #0065cb
  2. #0a6cd3
  3. #2373dc
  4. #337be5
  5. #4083ee
  6. #4c8af7
  7. #5792ff

Tones

  1. #337be5
  2. #517dd6
  3. #6480c7
  4. #7283b8
  5. #7d86aa
  6. #85899b
  7. #8c8c8c

Tints and Shades

#337be5 to white

  1. #337be5
  2. #678fea
  3. #8ba4ef
  4. #aabaf3
  5. #c8d1f7
  6. #e4e8fb
  7. #ffffff

#337be5 to black

  1. #337be5
  2. #3165bb
  3. #2c5192
  4. #263d6c
  5. #1e2a48
  6. #141926
  7. #000000

Paints

Similar Paints

  1. Pantone / PMS

    1. ★ 2727 C
      #307fe2
      ΔE = 2.101 / LRV ≈ 21.3%
    2. 2727
      #4f78d6
      ΔE = 2.327 / LRV ≈ 19.9%
  2. Natural Color System / NCS

    1. S 1555-R80B
      #4d79d3
      ΔE = 2.561 / LRV ≈ 20.0%
  3. Plascon

    1. Spa Bleu B5-B1-4
      #507cd4
      ΔE = 2.816 / LRV ≈ 20.9%

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

#337be5 HTML / CSS Code Examples

#337be5 foreground

Every artist dips his brush in his own soul, and paints his own nature into his pictures.

Henry Ward Beecher
<p style="color: #337be5">…</p>

#337be5 background

Don't think about making art, just get it done. Let everyone else decide if it's good or bad, whether they love it or hate it. While they are deciding, make even more art.

Andy Warhol
<p style="background-color: #337be5">…</p>

#337be5 shadow

If I were called upon to define briefly the word Art, I should call it the reproduction of what the senses preceive in nature, seen through the veil of the soul.

Paul Cezanne
<p style="text-shadow: 0.1em 0.1em 0.15em #337be5">…</p>

Color Charts

Color Space Conversions

Decimal
3374053
Binary
00110011, 01111011, 11100101
Hexadecimal
#337be5
LRV
≈ 20.5%
Closest short hex
#37d ΔE = 1.690
RGB
rgb(51, 123, 229)
RGBA
rgba(51, 123, 229, 1.0)
rg chromaticity
r: 0.127, g: 0.305, b: 0.568
RYB
red: 0.200%, yellow: 0.401%, blue: 0.898%
Android / android.graphics.Color
-13403163 / 0xff337be5
HSL
hsl(216, 77%, 55%)
HSLA
hsla(216, 77%, 55%, 1.0)
HSV / HSB
hue: 216° (215.730), saturation: 78% (0.777), value: 90% (0.898)
HSP
hue: 215.730, saturation: 77.729%, perceived brightness: 49.038%
HSLuv (HUSL)
H: 255.173, S: 88.679, L: 52.425
Cubehelix
H: -146.977, S: 1.048, L: 0.443
TSL
T: -1.930, S: 0.280, L: 0.445
CMYK
cyan: 78% (0.777), magenta: 46% (0.463), yellow: 0% (0.000), key: 10% (0.102)
CMY
cyan: 80% (0.800), magenta: 52% (0.518), yellow: 10% (0.102)
XYZ
X: 22.586, Y: 20.524, Z: 76.885
xyY
x: 0.188, y: 0.171, Y: 20.524
CIELab
L: 52.425, a: 14.762, b: -60.123
CIELuv
L: 52.425, u: -25.100, v: -94.821
CIELCH / LCHab
L: 52.425, C: 61.909, H: 283.795
CIELUV / LCHuv
L: 52.425, C: 98.087, H: 255.173
Hunter-Lab
L: 45.304, a: 9.709, b: -68.908
CIECAM02
J: 40.493, C: 66.201, h: 253.537, Q: 125.372, M: 57.892, s: 67.953, H: 307.774
OSA-UCS
lightness: -10.462, jaune: -10.675, green: 2.938
LMS
L: 12.882, M: 19.417, S: 75.955
YCbCr
Y: 113.541, Cb: 185.190, Cr: 88.866
YCgCo
Y: 131.500, Cg: -8.500, Co: -31.750
YDbDr
Y: 113.556, Db: 173.698, Dr: 118.978
YPbPr
Y: 115.296, Pb: 61.280, Pr: -40.876
xvYCC
Y: 115.019, Cb: 181.830, Cr: 92.093
YIQ
Y: 113.556, I: -76.945, Q: 17.755
YUV
Y: 113.556, U: 56.811, V: -54.881
Munsell Color System
7.5PB 5/10 ΔE = 9.418
Brand Color
Designer News ΔE = 3.403

Random Colors

Red

Green

Blue