Encycolorpedia

#396ed8 Hex Color Code

#396ed8 Paint ChipThe hexadecimal color code #396ed8 is a shade of cyan-blue. In the RGB color model #396ed8 is comprised of 22.35% red, 43.14% green and 84.71% blue. In the HSL color space #396ed8 has a hue of 220° (degrees), 67% saturation and 54% lightness. This color has an approximate wavelength of 471.89 nm.

Color Variations

Related Named Colors

Color Schemes

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

#396ed8 linear gradient to complementary #e7ff12

  1. #396ed8
  2. #7583c2
  3. #979aab
  4. #b0b293
  5. #c5cb78
  6. #d7e556
  7. #e7ff12

Monochromatic Colors

  1. #075ac0
  2. #1f60c8
  3. #2d67d0
  4. #396ed8
  5. #4475e0
  6. #4e7ce8
  7. #5783f0

Tones

  1. #396ed8
  2. #5272cb
  3. #6376be
  4. #707bb1
  5. #7a7fa3
  6. #828496
  7. #898989

Tints and Shades

#396ed8 to white

  1. #396ed8
  2. #6884df
  3. #8b9be6
  4. #aab3ed
  5. #c7ccf3
  6. #e3e5f9
  7. #ffffff

#396ed8 to black

  1. #396ed8
  2. #345bb0
  3. #2e498a
  4. #273766
  5. #1e2644
  6. #141725
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Green Planet Paints

    1. ★ Neptune
      #4b70dd
      ΔE = 2.227 / LRV ≈ 18.3%
  2. Ford

    1. Blue
      #226ad3
      ΔE = 2.320 / LRV ≈ 15.3%
    2. Grabber Blue
      #2b6be4
      ΔE = 2.597 / LRV ≈ 16.6%
  3. Caparol

    1. 42/13
      #3468d0
      ΔE = 2.366 / LRV ≈ 15.2%
    2. 70 17 264 / Saphir 110
      #586ccc
      ΔE = 2.823 / LRV ≈ 17.2%
  4. GM / General Motors

    1. Blue
      #0073de
      ΔE = 2.768 / LRV ≈ 17.5%
  5. Crayola

    1. Indigo
      #4f69c6
      ΔE = 2.847 / LRV ≈ 15.8%

#396ed8 HTML / CSS Code Examples

#396ed8 foreground

The greater the artist, the greater the doubt. Perfect confidence is granted to the less talented as a consolation prize.

Robert Hughes
<p style="color: #396ed8">…</p>

#396ed8 background

Great art picks up where nature ends.

Marc Chagall
<p style="background-color: #396ed8">…</p>

#396ed8 shadow

Great things are done by a series of small things brought together.

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

Color Charts

Color Space Conversions

Decimal
3763928
Binary
00111001, 01101110, 11011000
Hexadecimal
#396ed8
LRV
≈ 17.0%
Closest short hex
#46c ΔE = 3.011
RGB
rgb(57, 110, 216)
RGBA
rgba(57, 110, 216, 1.0)
rg chromaticity
r: 0.149, g: 0.287, b: 0.564
RYB
red: 0.224%, yellow: 0.379%, blue: 0.847%
Android / android.graphics.Color
-13013288 / 0xff396ed8
HSL
hsl(220, 67%, 54%)
HSLA
hsla(220, 67%, 54%, 1.0)
HSV / HSB
hue: 220° (220.000), saturation: 74% (0.736), value: 85% (0.847)
HSP
hue: 220.000, saturation: 73.611%, perceived brightness: 45.383%
HSLuv (HUSL)
H: 257.500, S: 83.494, L: 48.232
Cubehelix
H: -142.104, S: 0.974, L: 0.415
TSL
T: -2.102, S: 0.255, L: 0.417
CMYK
cyan: 74% (0.736), magenta: 49% (0.491), yellow: 0% (0.000), key: 15% (0.153)
CMY
cyan: 78% (0.776), magenta: 57% (0.569), yellow: 15% (0.153)
XYZ
X: 19.654, Y: 16.977, Z: 67.194
xyY
x: 0.189, y: 0.164, Y: 16.977
CIELab
L: 48.232, a: 18.807, b: -59.532
CIELuv
L: 48.232, u: -20.471, v: -92.336
CIELCH / LCHab
L: 48.232, C: 62.432, H: 287.533
CIELUV / LCHuv
L: 48.232, C: 94.578, H: 257.500
Hunter-Lab
L: 41.204, a: 13.035, b: -67.846
CIECAM02
J: 36.566, C: 64.323, h: 256.903, Q: 119.138, M: 56.249, s: 68.712, H: 309.486
OSA-UCS
lightness: -10.490, jaune: -10.624, green: 2.286
LMS
L: 10.783, M: 15.401, S: 66.368
YCbCr
Y: 107.257, Cb: 182.378, Cr: 97.207
YCgCo
Y: 123.250, Cg: -13.250, Co: -25.500
YDbDr
Y: 106.237, Db: 165.148, Dr: 93.651
YPbPr
Y: 106.343, Pb: 59.095, Pr: -31.376
xvYCC
Y: 107.330, Cb: 179.911, Cr: 100.438
YIQ
Y: 106.237, I: -65.627, Q: 21.773
YUV
Y: 106.237, U: 54.015, V: -43.196
Munsell Color System
7.5PB 4/12 ΔE = 7.269
Brand Color
Designer News ΔE = 1.777

Random Colors

Red

Green

Blue