Encycolorpedia

#5578e4 Hex Color Code

#5578e4 Paint ChipThe hexadecimal color code #5578e4 is a medium light shade of blue. In the RGB color model #5578e4 is comprised of 33.33% red, 47.06% green and 89.41% blue. In the HSL color space #5578e4 has a hue of 225° (degrees), 73% saturation and 61% lightness. This color has an approximate wavelength of 470.64 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange)

#5578e4 linear gradient to complementary #e7ff3a

  1. #5578e4
  2. #838cce
  3. #a1a2b8
  4. #b7b8a0
  5. #cacf85
  6. #dae767
  7. #e7ff3a

Monochromatic Colors

  1. #3561ca
  2. #4069d2
  3. #4b70db
  4. #5578e4
  5. #5f80ed
  6. #6888f6
  7. #7290ff

Tones

  1. #5578e4
  2. #687ed8
  3. #7784cd
  4. #838ac1
  5. #8d90b5
  6. #9697a9
  7. #9d9d9d

Tints and Shades

#5578e4 to White

  1. #5578e4
  2. #798de9
  3. #98a2ee
  4. #b3b9f3
  5. #cdd0f7
  6. #e6e7fb
  7. #ffffff

#5578e4 to Black

  1. #5578e4
  2. #4963ba
  3. #3d4f92
  4. #303c6b
  5. #242947
  6. #171826
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Ford

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

    1. ★ Velvet Coast B6-B1-4
      #6474e0
      ΔE = 2.235
  3. Pantone / PMS

    1. 2727
      #4f78d6
      ΔE = 2.972

#5578e4 HTML / CSS Code Examples

#5578e4 foreground

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

Vincent van Gogh
<p style="color: #5578e4">…</p>

#5578e4 background

Creativity takes courage.

Henri Matisse
<p style="background-color: #5578e4">…</p>

#5578e4 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 #5578e4">…</p>

Color Charts

Color Space Conversions

Decimal
5601508
Binary
01010101, 01111000, 11100100
Hexadecimal
#5578e4
Closest short hex
#57d ΔE = 1.186
RGB
rgb(85, 120, 228)
RGBA
rgba(85, 120, 228, 1.0)
rg chromaticity
r: 0.196, g: 0.277, b: 0.527
RYB
red: 33.333%, yellow: 44.360%, blue: 89.412%
Android / android.graphics.Color
-11175708 / 0xff5578e4
HSL
hsl(225, 73%, 61%)
HSLA
hsla(225, 73%%, 61%%, 1.0)
HSV / HSB
hue: 225° (225.315), saturation: 63% (0.627), value: 89% (0.894)
HSP
hue: 225.315, saturation: 62.719, perceived brightness: 50.433
HSLuv (HUSL)
H: 259.415, S: 79.852, L: 52.910
Cubehelix
H: -136.397, S: 0.886, L: 0.476
TSL
T: -2.329, S: 0.199, L: 0.478
CMYK
cyan: 63 (0.627), magenta: 47 (0.474), yellow: 0 (0.000), key: 11 (0.106)
CMY
cyan: 67 (0.667), magenta: 53 (0.529), yellow: 11 (0.106)
XYZ
X: 24.462, Y: 20.963, Z: 76.141
xyY
x: 0.201, y: 0.172, Y: 20.963
CIELab
L: 52.910, a: 21.019, b: -58.711
CIELuv
L: 52.910, u: -17.453, v: -93.393
CIELCH / LCHab
L: 52.910, C: 62.360, H: 289.698
CIELUV / LCHuv
L: 52.910, C: 95.010, H: 259.415
Hunter-Lab
L: 45.786, a: 15.240, b: -66.548
CIECAM02
J: 41.452, C: 62.789, h: 261.430, Q: 126.848, M: 54.908, s: 65.792, H: 311.834
OSA-UCS
lightness: -10.460, jaune: -10.484, green: 1.394
LMS
L: 14.566, M: 18.839, S: 75.236
YCbCr
Y: 120.669, Cb: 180.592, Cr: 104.967
YCgCo
Y: 138.250, Cg: -18.250, Co: -14.500
YDbDr
Y: 121.847, Db: 159.714, Dr: 70.091
YPbPr
Y: 120.321, Pb: 58.025, Pr: -22.468
xvYCC
Y: 119.335, Cb: 178.971, Cr: 108.263
YIQ
Y: 121.847, I: -55.546, Q: 26.202
YUV
Y: 121.847, U: 52.239, V: -32.326
Munsell Color System
10PB 5/10 ΔE = 9.567
Brand Color
Designer News ΔE = 4.732

Random Colors

Red

Green

Blue