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

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

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%

#337be5 HTML / CSS Code Examples

#337be5 foreground

Every good painter paints what he is.

Jackson Pollock
<p style="color: #337be5">…</p>

#337be5 background

Painting is easy when you don't know how, but very difficult when you do.

Edgar Degas
<p style="background-color: #337be5">…</p>

#337be5 shadow

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

Vincent van Gogh
<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