Encycolorpedia

#557bd2 Hex Color Code

#557bd2 Paint ChipThe hexadecimal color code #557bd2 is a shade of blue. In the RGB color model #557bd2 is comprised of 33.33% red, 48.24% green and 82.35% blue. In the HSL color space #557bd2 has a hue of 222° (degrees), 58% saturation and 58% lightness. This color has an approximate wavelength of 472.43 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange)

#557bd2 linear gradient to complementary #d1d354

  1. #557bd2
  2. #7988c0
  3. #9296ad
  4. #a6a59a
  5. #b6b485
  6. #c4c36f
  7. #d1d354

Monochromatic Colors

  1. #3864b8
  2. #426cc1
  3. #4c73c9
  4. #557bd2
  5. #5e83db
  6. #678be3
  7. #7093ec

Tones

  1. #557bd2
  2. #657fc8
  3. #7183bd
  4. #7c87b3
  5. #858ba8
  6. #8c8f9e
  7. #939393

Tints and Shades

#557bd2 to White

  1. #557bd2
  2. #778fda
  3. #95a5e2
  4. #b0bae9
  5. #cbd1f1
  6. #e5e8f8
  7. #ffffff

#557bd2 to Black

  1. #557bd2
  2. #4866ac
  3. #3c5187
  4. #2f3d64
  5. #232a42
  6. #161924
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Plascon

    1. ★ Spa Bleu B5-B1-4
      #507cd4
      ΔE = 0.662
  2. Natural Color System / NCS

    1. ★ S 1555-R80B
      #4d79d3
      ΔE = 1.098
  3. Pantone / PMS

    1. ★ 2727
      #4f78d6
      ΔE = 1.649
    2. ★ 2718
      #667dd1
      ΔE = 2.258
  4. Sigma

    1. Mistic Purple / S 2060-R70B
      #657cc7
      ΔE = 2.391
  5. Caparol

    1. 70 18 260 / Lazur 145
      #5874cc
      ΔE = 2.627
    2. 70 14 260 / Lazur 150
      #647cc4
      ΔE = 2.733

#557bd2 HTML / CSS Code Examples

#557bd2 foreground

If I were called upon to define briefly the word Art, I should call it the reproduction of what the senses preceive in nature, seen through the veil of the soul.

Paul Cezanne
<p style="color: #557bd2">…</p>

#557bd2 background

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

Vincent Van Gogh
<p style="background-color: #557bd2">…</p>

#557bd2 shadow

Creativity is allowing yourself to make mistakes. Art is knowing which ones to keep.

Scott Adams
<p style="text-shadow: 0.1em 0.1em 0.15em #557bd2">…</p>

Color Charts

Color Space Conversions

Decimal
5602258
Binary
01010101, 01111011, 11010010
Hexadecimal
#557bd2
Closest short hex
#57c ΔE = 1.517
RGB
rgb(85, 123, 210)
RGBA
rgba(85, 123, 210, 1.0)
rg chromaticity
r: 0.203, g: 0.294, b: 0.502
RYB
red: 0.333%, yellow: 0.448%, blue: 0.824%
Android / android.graphics.Color
-11174958 / 0xff557bd2
HSL
hsl(222, 58%, 58%)
HSLA
hsla(222, 58%%, 58%%, 1.0)
HSV / HSB
hue: 222° (221.760), saturation: 60% (0.595), value: 82% (0.824)
HSP
hue: 221.760, saturation: 59.524%, perceived brightness: 49.710%
HSLuv (HUSL)
H: 256.649, S: 66.763, L: 52.673
Cubehelix
H: -140.166, S: 0.754, L: 0.475
TSL
T: -2.176, S: 0.182, L: 0.477
CMYK
cyan: 60% (0.595), magenta: 41% (0.414), yellow: 0% (0.000), key: 18% (0.176)
CMY
cyan: 67% (0.667), magenta: 52% (0.518), yellow: 18% (0.176)
XYZ
X: 22.458, Y: 20.748, Z: 63.782
xyY
x: 0.210, y: 0.194, Y: 20.748
CIELab
L: 52.673, a: 13.107, b: -48.941
CIELuv
L: 52.673, u: -18.310, v: -77.150
CIELCH / LCHab
L: 52.673, C: 50.666, H: 284.992
CIELUV / LCHuv
L: 52.673, C: 79.293, H: 256.649
Hunter-Lab
L: 45.550, a: 8.294, b: -51.135
CIECAM02
J: 41.309, C: 55.183, h: 258.680, Q: 126.628, M: 48.257, s: 61.733, H: 310.401
OSA-UCS
lightness: -10.390, jaune: -8.661, green: 1.538
LMS
L: 15.013, M: 19.808, S: 63.072
YCbCr
Y: 120.417, Cb: 171.817, Cr: 105.141
YCgCo
Y: 135.250, Cg: -12.250, Co: -10.000
YDbDr
Y: 121.556, Db: 133.071, Dr: 69.533
YPbPr
Y: 121.170, Pb: 47.870, Pr: -23.002
xvYCC
Y: 120.064, Cb: 170.051, Cr: 107.794
YIQ
Y: 121.556, I: -50.587, Q: 19.033
YUV
Y: 121.556, U: 43.524, V: -32.071
Munsell Color System
7.5PB 5/10 ΔE = 5.328
Brand Color
Designer News ΔE = 4.591

Random Colors

Red

Green

Blue