Encycolorpedia

#678cd9 Hex Color Code

#678cd9 Paint ChipThe hexadecimal color code #678cd9 is a medium light shade of blue. In the RGB color model #678cd9 is comprised of 40.39% red, 54.9% green and 85.1% blue. In the HSL color space #678cd9 has a hue of 221° (degrees), 60% saturation and 63% lightness. This color has an approximate wavelength of 473.61 nm.

Color Variations

Related Named Colors

Color Schemes

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

#678cd9 linear gradient to complementary #c7c379

  1. #678cd9
  2. #8094ca
  3. #939dbb
  4. #a3a6ab
  5. #b1b09b
  6. #bcb98b
  7. #c7c379

Monochromatic Colors

  1. #4972bc
  2. #537bc6
  3. #5d83cf
  4. #678cd9
  5. #7195e3
  6. #7b9eed
  7. #84a7f6

Tones

  1. #678cd9
  2. #748fd0
  3. #8092c6
  4. #8996bd
  5. #9299b3
  6. #999caa
  7. #a0a0a0

Tints and Shades

#678cd9 to white

  1. #678cd9
  2. #849ee0
  3. #9eb1e6
  4. #b7c4ed
  5. #d0d7f3
  6. #e7ebf9
  7. #ffffff

#678cd9 to black

  1. #678cd9
  2. #5673b1
  3. #465b8b
  4. #364567
  5. #272f44
  6. #181b25
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Pantone / PMS

    1. ★ 2129 C
      #5f8dda
      ΔE = 1.265 / LRV ≈ 26.5%
    2. 279
      #578ad6
      ΔE = 2.453 / LRV ≈ 25.1%
  2. Valspar Paint

    1. ★ Ships Ahoy
      #6089da
      ΔE = 1.413 / LRV ≈ 25.4%
  3. GM / General Motors

    1. ★ Light Blue
      #698bd0
      ΔE = 1.671 / LRV ≈ 26.0%
  4. Natural Color System / NCS

    1. ★ S 1550-R80B
      #5988d9
      ΔE = 2.151 / LRV ≈ 24.7%
  5. Caparol

    1. 75 13 260 / Lazur 115
      #7490d0
      ΔE = 2.927 / LRV ≈ 28.2%
  6. Brighto Paints

    1. 1-38-5 Lupine
      #7889cc
      ΔE = 2.995 / LRV ≈ 26.2%

#678cd9 HTML / CSS Code Examples

#678cd9 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: #678cd9">…</p>

#678cd9 background

Art is a collaboration between God and the artist, and the less the artist does the better.

Andre Gide
<p style="background-color: #678cd9">…</p>

#678cd9 shadow

It's not what you look at that matters, it's what you see.

Henry David Thoreau
<p style="text-shadow: 0.1em 0.1em 0.15em #678cd9">…</p>

Color Charts

Color Space Conversions

Decimal
6786265
Binary
01100111, 10001100, 11011001
Hexadecimal
#678cd9
LRV
≈ 26.6%
Closest short hex
#68d ΔE = 2.199
RGB
rgb(103, 140, 217)
RGBA
rgba(103, 140, 217, 1.0)
rg chromaticity
r: 0.224, g: 0.304, b: 0.472
RYB
red: 0.404%, yellow: 0.513%, blue: 0.851%
Android / android.graphics.Color
-9990951 / 0xff678cd9
HSL
hsl(221, 60%, 63%)
HSLA
hsla(221, 60%, 63%, 1.0)
HSV / HSB
hue: 221° (220.526), saturation: 53% (0.525), value: 85% (0.851)
HSP
hue: 220.526, saturation: 52.535%, perceived brightness: 55.522%
HSLuv (HUSL)
H: 254.769, S: 66.347, L: 58.647
Cubehelix
H: -141.519, S: 0.685, L: 0.539
TSL
T: -2.124, S: 0.152, L: 0.540
CMYK
cyan: 53% (0.525), magenta: 35% (0.355), yellow: 0% (0.000), key: 15% (0.149)
CMY
cyan: 60% (0.596), magenta: 45% (0.451), yellow: 15% (0.149)
XYZ
X: 27.492, Y: 26.647, Z: 69.327
xyY
x: 0.223, y: 0.216, Y: 26.647
CIELab
L: 58.647, a: 8.915, b: -43.358
CIELuv
L: 58.647, u: -18.842, v: -69.200
CIELCH / LCHab
L: 58.647, C: 44.265, H: 281.619
CIELUV / LCHuv
L: 58.647, C: 71.719, H: 254.769
Hunter-Lab
L: 51.621, a: 4.726, b: -43.491
CIECAM02
J: 47.603, C: 50.526, h: 257.629, Q: 135.934, M: 44.184, s: 57.012, H: 309.859
OSA-UCS
lightness: -10.327, jaune: -7.621, green: 1.479
LMS
L: 20.335, M: 26.314, S: 68.621
YCbCr
Y: 134.297, Cb: 167.279, Cr: 106.290
YCgCo
Y: 150.000, Cg: -10.000, Co: -2.750
YDbDr
Y: 137.715, Db: 119.291, Dr: 66.030
YPbPr
Y: 137.663, Pb: 42.755, Pr: -22.042
xvYCC
Y: 134.228, Cb: 165.557, Cr: 108.638
YIQ
Y: 137.715, I: -46.779, Q: 16.134
YUV
Y: 137.715, U: 39.017, V: -30.456
Munsell Color System
7.5PB 5/10 ΔE = 5.216
Brand Color
Prezi ΔE = 5.605

Random Colors

Red

Green

Blue