Encycolorpedia

#677cd8 Hex Color Code

#677cd8 Paint ChipThe hexadecimal color code #677cd8 is a medium light shade of blue. In the RGB color model #677cd8 is comprised of 40.39% red, 48.63% green and 84.71% blue. In the HSL color space #677cd8 has a hue of 229° (degrees), 59% saturation and 63% lightness. This color has an approximate wavelength of 469.88 nm.

Color Variations

Related Named Colors

Color Schemes

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

#677cd8 linear gradient to complementary #cad867

  1. #677cd8
  2. #828ac7
  3. #9799b6
  4. #a7a8a4
  5. #b5b892
  6. #c0c87e
  7. #cad867

Monochromatic Colors

  1. #4b64bd
  2. #556cc6
  3. #5e74cf
  4. #677cd8
  5. #7084e1
  6. #798cea
  7. #8294f3

Tones

  1. #677cd8
  2. #7482cf
  3. #8088c6
  4. #898ebc
  5. #9294b3
  6. #999aaa
  7. #a0a0a0

Tints and Shades

#677cd8 to white

  1. #677cd8
  2. #8490df
  3. #9fa5e6
  4. #b8bbec
  5. #d0d1f3
  6. #e8e8f9
  7. #ffffff

#677cd8 to black

  1. #677cd8
  2. #5666b0
  3. #46518a
  4. #363d66
  5. #272b44
  6. #181925
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Pantone / PMS

    1. ★ 2130 U
      #677bcf
      ΔE = 1.565 / LRV ≈ 21.6%
    2. ★ 2718
      #667dd1
      ΔE = 1.619 / LRV ≈ 22.1%
  2. Caparol

    1. ★ 75 18 260 / Lazur 180
      #6080dc
      ΔE = 1.772 / LRV ≈ 23.1%
    2. 70 13 265 / Astra 75
      #6c7cc8
      ΔE = 2.759 / LRV ≈ 21.8%
  3. Natural Color System / NCS

    1. S 1550-R70B
      #767fd7
      ΔE = 2.354 / LRV ≈ 23.9%

#677cd8 HTML / CSS Code Examples

#677cd8 foreground

I saw the angel in the marble and carved until I set him free.

Michelangelo
<p style="color: #677cd8">…</p>

#677cd8 background

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

Andre Gide
<p style="background-color: #677cd8">…</p>

#677cd8 shadow

The aim of art is to represent not the outward appearance of things, but their inward significance.

Aristotle
<p style="text-shadow: 0.1em 0.1em 0.15em #677cd8">…</p>

Color Charts

Color Space Conversions

Decimal
6782168
Binary
01100111, 01111100, 11011000
Hexadecimal
#677cd8
LRV
≈ 22.3%
Closest short hex
#67d ΔE = 2.332
RGB
rgb(103, 124, 216)
RGBA
rgba(103, 124, 216, 1.0)
rg chromaticity
r: 0.233, g: 0.280, b: 0.488
RYB
red: 0.404%, yellow: 0.473%, blue: 0.847%
Android / android.graphics.Color
-9995048 / 0xff677cd8
HSL
hsl(229, 59%, 63%)
HSLA
hsla(229, 59%, 63%, 1.0)
HSV / HSB
hue: 229° (228.850), saturation: 52% (0.523), value: 85% (0.847)
HSP
hue: 228.850, saturation: 52.315%, perceived brightness: 51.902%
HSLuv (HUSL)
H: 260.514, S: 69.368, L: 54.297
Cubehelix
H: -132.851, S: 0.719, L: 0.501
TSL
T: -2.483, S: 0.153, L: 0.503
CMYK
cyan: 52% (0.523), magenta: 43% (0.426), yellow: 0% (0.000), key: 15% (0.153)
CMY
cyan: 60% (0.596), magenta: 51% (0.514), yellow: 15% (0.153)
XYZ
X: 25.192, Y: 22.255, Z: 67.921
xyY
x: 0.218, y: 0.193, Y: 22.255
CIELab
L: 54.297, a: 18.174, b: -49.687
CIELuv
L: 54.297, u: -13.261, v: -79.361
CIELCH / LCHab
L: 54.297, C: 52.906, H: 290.091
CIELUV / LCHuv
L: 54.297, C: 80.461, H: 260.514
Hunter-Lab
L: 47.175, a: 12.763, b: -52.340
CIECAM02
J: 43.228, C: 54.617, h: 265.205, Q: 129.536, M: 47.762, s: 60.722, H: 313.832
OSA-UCS
lightness: -10.395, jaune: -8.847, green: 0.601
LMS
L: 16.991, M: 20.467, S: 67.171
YCbCr
Y: 126.135, Cb: 171.496, Cr: 112.249
YCgCo
Y: 141.750, Cg: -17.750, Co: -2.500
YDbDr
Y: 128.209, Db: 132.086, Dr: 47.957
YPbPr
Y: 126.151, Pb: 48.415, Pr: -14.732
xvYCC
Y: 124.341, Cb: 170.529, Cr: 115.059
YIQ
Y: 128.209, I: -42.066, Q: 24.184
YUV
Y: 128.209, U: 43.203, V: -22.116
Munsell Color System
10PB 5/10 ΔE = 6.234
Brand Color
Ustream ΔE = 5.951

Random Colors

Red

Green

Blue