Encycolorpedia

#557af0 Hex Color Code

#557af0 Paint ChipThe hexadecimal color code #557af0 is a medium light shade of blue. In the RGB color model #557af0 is comprised of 33.33% red, 47.84% green and 94.12% blue. In the HSL color space #557af0 has a hue of 226° (degrees), 84% saturation and 64% lightness. This color has an approximate wavelength of 470.36 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange)

#557af0 linear gradient to complementary #e3ff46

  1. #557af0
  2. #848ed9
  3. #a1a3c2
  4. #b7b9a9
  5. #c9d08e
  6. #d7e76f
  7. #e3ff46

Monochromatic Colors

  1. #3163d5
  2. #3e6ade
  3. #4a72e7
  4. #557af0
  5. #5f82f9
  6. #6a8aff
  7. #7492ff

Tones

  1. #557af0
  2. #6b80e3
  3. #7b87d7
  4. #888eca
  5. #9395bd
  6. #9b9cb0
  7. #a3a3a3

Tints and Shades

#557af0 to White

  1. #557af0
  2. #7b8ff3
  3. #9aa4f6
  4. #b5baf9
  5. #cfd0fb
  6. #e7e7fd
  7. #ffffff

#557af0 to Black

  1. #557af0
  2. #4965c4
  3. #3d5099
  4. #313d71
  5. #242a4b
  6. #171828
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Ford

    1. ★ Champlaine Blue
      #4c7eed
      ΔE = 2.177
  2. Plascon

    1. Periwinkle Palace B6-A1-4
      #687cf4
      ΔE = 2.488
    2. Velvet Coast B6-B1-4
      #6474e0
      ΔE = 2.724

#557af0 HTML / CSS Code Examples

#557af0 foreground

I am seeking. I am striving. I am in it with all my heart.

Vincent van Gogh
<p style="color: #557af0">…</p>

#557af0 background

Creativity takes courage.

Henri Matisse
<p style="background-color: #557af0">…</p>

#557af0 shadow

If I could say it in words there would be no reason to paint.

Edward Hopper
<p style="text-shadow: 0.1em 0.1em 0.15em #557af0">…</p>

Color Charts

Color Space Conversions

Decimal
5602032
Binary
01010101, 01111010, 11110000
Hexadecimal
#557af0
Closest short hex
#57e ΔE = 1.035
RGB
rgb(85, 122, 240)
RGBA
rgba(85, 122, 240, 1.0)
rg chromaticity
r: 0.190, g: 0.273, b: 0.537
RYB
red: 33.333%, yellow: 45.047%, blue: 94.118%
Android / android.graphics.Color
-11175184 / 0xff557af0
HSL
hsl(226, 84%, 64%)
HSLA
hsla(226, 84%%, 64%%, 1.0)
HSV / HSB
hue: 226° (225.677), saturation: 65% (0.646), value: 94% (0.941)
HSP
hue: 225.677, saturation: 64.583, perceived brightness: 51.823
HSLuv (HUSL)
H: 259.851, S: 88.552, L: 54.174
Cubehelix
H: -136.023, S: 0.961, L: 0.486
TSL
T: -2.344, S: 0.208, L: 0.488
CMYK
cyan: 65 (0.646), magenta: 49 (0.492), yellow: 0 (0.000), key: 6 (0.059)
CMY
cyan: 67 (0.667), magenta: 52 (0.522), yellow: 6 (0.059)
XYZ
X: 26.429, Y: 22.139, Z: 85.302
xyY
x: 0.197, y: 0.165, Y: 22.139
CIELab
L: 54.174, a: 23.873, b: -63.382
CIELuv
L: 54.174, u: -18.159, v: -101.445
CIELCH / LCHab
L: 54.174, C: 67.729, H: 290.639
CIELUV / LCHuv
L: 54.174, C: 103.057, H: 259.851
Hunter-Lab
L: 47.052, a: 17.919, b: -74.551
CIECAM02
J: 42.638, C: 66.577, h: 261.506, Q: 128.649, M: 58.220, s: 67.272, H: 311.874
OSA-UCS
lightness: -10.484, jaune: -11.345, green: 1.506
LMS
L: 15.025, M: 19.506, S: 84.266
YCbCr
Y: 122.853, Cb: 185.278, Cr: 103.379
YCgCo
Y: 142.250, Cg: -20.250, Co: -17.500
YDbDr
Y: 124.389, Db: 173.944, Dr: 74.927
YPbPr
Y: 122.615, Pb: 63.255, Pr: -23.928
xvYCC
Y: 121.305, Cb: 183.565, Cr: 106.981
YIQ
Y: 124.389, I: -59.951, Q: 28.890
YUV
Y: 124.389, U: 56.893, V: -34.556
Munsell Color System
10PB 5/10 ΔE = 11.317
Brand Color
Ustream ΔE = 5.238

Random Colors

Red

Green

Blue