Encycolorpedia

#397be4 Hex Color Code

#397be4 Paint ChipThe hexadecimal color code #397be4 is a shade of cyan-blue. In the RGB color model #397be4 is comprised of 22.35% red, 48.24% green and 89.41% blue. In the HSL color space #397be4 has a hue of 217° (degrees), 76% saturation and 56% lightness. This color has an approximate wavelength of 473.15 nm.

Color Variations

Related Named Colors

Color Schemes

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

#397be4 linear gradient to complementary #f8ff1e

  1. #397be4
  2. #7a8ecc
  3. #9fa3b4
  4. #bbb99a
  5. #d2d07e
  6. #e6e75b
  7. #f8ff1e

Monochromatic Colors

  1. #0064ca
  2. #196cd2
  3. #2b73db
  4. #397be4
  5. #4583ed
  6. #508bf6
  7. #5b92ff

Tones

  1. #397be4
  2. #557ed6
  3. #6781c8
  4. #7584b9
  5. #7f88ab
  6. #888b9d
  7. #8f8f8f

Tints and Shades

#397be4 to white

  1. #397be4
  2. #698fe9
  3. #8da4ee
  4. #acbaf3
  5. #c8d1f7
  6. #e4e8fb
  7. #ffffff

#397be4 to black

  1. #397be4
  2. #3565ba
  3. #2f5192
  4. #273d6b
  5. #1f2a47
  6. #151926
  7. #000000

Paints

Similar Paints

  1. Pantone / PMS

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

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

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

    1. Champlaine Blue
      #4c7eed
      ΔE = 2.797 / LRV ≈ 22.6%

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

#397be4 HTML / CSS Code Examples

#397be4 foreground

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="color: #397be4">…</p>

#397be4 background

If I create from the heart, nearly everything works; if from the head, almost nothing.

Marc Chagall
<p style="background-color: #397be4">…</p>

#397be4 shadow

The emotions are sometimes so strong that I work without knowing it. The strokes come like speech.

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

Color Charts

Color Space Conversions

Decimal
3767268
Binary
00111001, 01111011, 11100100
Hexadecimal
#397be4
LRV
≈ 20.6%
Closest short hex
#47d ΔE = 1.584
RGB
rgb(57, 123, 228)
RGBA
rgba(57, 123, 228, 1.0)
rg chromaticity
r: 0.140, g: 0.301, b: 0.559
RYB
red: 0.224%, yellow: 0.410%, blue: 0.894%
Android / android.graphics.Color
-13009948 / 0xff397be4
HSL
hsl(217, 76%, 56%)
HSLA
hsla(217, 76%, 56%, 1.0)
HSV / HSB
hue: 217° (216.842), saturation: 75% (0.750), value: 89% (0.894)
HSP
hue: 216.842, saturation: 75.000%, perceived brightness: 49.260%
HSLuv (HUSL)
H: 255.516, S: 85.996, L: 52.547
Cubehelix
H: -145.686, S: 1.009, L: 0.450
TSL
T: -1.974, S: 0.263, L: 0.452
CMYK
cyan: 75% (0.750), magenta: 46% (0.461), yellow: 0% (0.000), key: 11% (0.106)
CMY
cyan: 78% (0.776), magenta: 52% (0.518), yellow: 11% (0.106)
XYZ
X: 22.769, Y: 20.635, Z: 76.167
xyY
x: 0.190, y: 0.173, Y: 20.635
CIELab
L: 52.547, a: 15.068, b: -59.356
CIELuv
L: 52.547, u: -24.206, v: -93.706
CIELCH / LCHab
L: 52.547, C: 61.239, H: 284.244
CIELUV / LCHuv
L: 52.547, C: 96.782, H: 255.516
Hunter-Lab
L: 45.425, a: 9.976, b: -67.616
CIECAM02
J: 40.686, C: 65.291, h: 254.344, Q: 125.670, M: 57.096, s: 67.404, H: 308.182
OSA-UCS
lightness: -10.457, jaune: -10.540, green: 2.735
LMS
L: 13.180, M: 19.472, S: 75.251
YCbCr
Y: 114.985, Cb: 183.863, Cr: 91.571
YCgCo
Y: 132.750, Cg: -9.750, Co: -28.500
YDbDr
Y: 115.236, Db: 169.665, Dr: 110.763
YPbPr
Y: 116.502, Pb: 60.090, Pr: -37.830
xvYCC
Y: 116.055, Cb: 180.785, Cr: 94.769
YIQ
Y: 115.236, I: -73.050, Q: 18.713
YUV
Y: 115.236, U: 55.492, V: -51.091
Munsell Color System
7.5PB 5/10 ΔE = 9.158
Brand Color
Designer News ΔE = 3.490

Random Colors

Red

Green

Blue