Encycolorpedia

#557bd9 Hex Color Code

#557bd9 Paint ChipThe hexadecimal color code #557bd9 is a shade of blue. In the RGB color model #557bd9 is comprised of 33.33% red, 48.24% green and 85.1% blue. In the HSL color space #557bd9 has a hue of 223° (degrees), 63% saturation and 59% lightness. This color has an approximate wavelength of 471.88 nm.

Color Variations

Related Named Colors

Color Schemes

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

#557bd9 linear gradient to complementary #d7df4f

  1. #557bd9
  2. #7c8ac5
  3. #969ab1
  4. #abab9c
  5. #bcbc86
  6. #cacd6d
  7. #d7df4f

Monochromatic Colors

  1. #3664bf
  2. #416cc7
  3. #4b73d0
  4. #557bd9
  5. #5f83e2
  6. #688beb
  7. #7193f4

Tones

  1. #557bd9
  2. #667fce
  3. #7484c3
  4. #7f89b8
  5. #888dad
  6. #9092a2
  7. #979797

Tints and Shades

#557bd9 to white

  1. #557bd9
  2. #788fe0
  3. #96a5e6
  4. #b1baed
  5. #ccd1f3
  6. #e6e8f9
  7. #ffffff

#557bd9 to black

  1. #557bd9
  2. #4966b1
  3. #3c518b
  4. #303d67
  5. #232a44
  6. #161925
  7. #000000

Paints

Similar Paints

  1. Pantone / PMS

    1. ★ 2727
      #4f78d6
      ΔE = 1.303 / LRV ≈ 19.9%
    2. ★ 2718
      #667dd1
      ΔE = 2.230 / LRV ≈ 22.1%
  2. Plascon

    1. ★ Spa Bleu B5-B1-4
      #507cd4
      ΔE = 1.665 / LRV ≈ 20.9%
  3. Natural Color System / NCS

    1. ★ S 1555-R80B
      #4d79d3
      ΔE = 1.717 / LRV ≈ 20.0%
  4. Caparol

    1. ★ 75 18 260 / Lazur 180
      #6080dc
      ΔE = 2.175 / LRV ≈ 23.1%
    2. 70 18 260 / Lazur 145
      #5874cc
      ΔE = 2.762 / LRV ≈ 18.9%
  5. Clark+Kensington

    1. Manhattan Mystery / 37D-4
      #537ccd
      ΔE = 2.797 / LRV ≈ 20.7%

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

#557bd9 HTML / CSS Code Examples

#557bd9 foreground

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

Marc Chagall
<p style="color: #557bd9">…</p>

#557bd9 background

The longer you look at an object, the more abstract it becomes, and, ironically, the more real.

Lucian Freud
<p style="background-color: #557bd9">…</p>

#557bd9 shadow

The main thing is to be moved, to love, to hope, to tremble, to live.

Auguste Rodin
<p style="text-shadow: 0.1em 0.1em 0.15em #557bd9">…</p>

Color Charts

Color Space Conversions

Decimal
5602265
Binary
01010101, 01111011, 11011001
Hexadecimal
#557bd9
LRV
≈ 21.1%
Closest short hex
#57d ΔE = 2.018
RGB
rgb(85, 123, 217)
RGBA
rgba(85, 123, 217, 1.0)
rg chromaticity
r: 0.200, g: 0.289, b: 0.511
RYB
red: 0.333%, yellow: 0.449%, blue: 0.851%
Android / android.graphics.Color
-11174951 / 0xff557bd9
HSL
hsl(223, 63%, 59%)
HSLA
hsla(223, 63%, 59%, 1.0)
HSV / HSB
hue: 223° (222.727), saturation: 61% (0.608), value: 85% (0.851)
HSP
hue: 222.727, saturation: 60.829%, perceived brightness: 50.235%
HSLuv (HUSL)
H: 257.515, S: 71.136, L: 53.064
Cubehelix
H: -139.121, S: 0.801, L: 0.478
TSL
T: -2.217, S: 0.188, L: 0.480
CMYK
cyan: 61% (0.608), magenta: 43% (0.433), yellow: 0% (0.000), key: 15% (0.149)
CMY
cyan: 67% (0.667), magenta: 52% (0.518), yellow: 15% (0.149)
XYZ
X: 23.349, Y: 21.105, Z: 68.475
xyY
x: 0.207, y: 0.187, Y: 21.105
CIELab
L: 53.064, a: 15.457, b: -52.275
CIELuv
L: 53.064, u: -18.335, v: -82.806
CIELCH / LCHab
L: 53.064, C: 54.513, H: 286.472
CIELUV / LCHuv
L: 53.064, C: 84.812, H: 257.515
Hunter-Lab
L: 45.940, a: 10.329, b: -56.216
CIECAM02
J: 41.661, C: 57.894, h: 259.474, Q: 127.167, M: 50.628, s: 63.097, H: 310.813
OSA-UCS
lightness: -10.412, jaune: -9.277, green: 1.526
LMS
L: 15.057, M: 19.815, S: 67.696
YCbCr
Y: 121.103, Cb: 174.890, Cr: 104.644
YCgCo
Y: 137.000, Cg: -14.000, Co: -11.750
YDbDr
Y: 122.354, Db: 142.402, Dr: 71.052
YPbPr
Y: 121.674, Pb: 51.370, Pr: -23.324
xvYCC
Y: 120.496, Cb: 173.125, Cr: 107.511
YIQ
Y: 122.354, I: -52.836, Q: 21.211
YUV
Y: 122.354, U: 46.576, V: -32.771
Munsell Color System
7.5PB 5/10 ΔE = 6.760
Brand Color
Designer News ΔE = 4.477

Random Colors

Red

Green

Blue