Encycolorpedia

#558dde Hex Color Code

#558dde Paint ChipThe hexadecimal color code #558dde is a medium light shade of cyan-blue. In the RGB color model #558dde is comprised of 33.33% red, 55.29% green and 87.06% blue. In the HSL color space #558dde has a hue of 215° (degrees), 67% saturation and 60% lightness. This color has an approximate wavelength of 475.25 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange)

#558dde linear gradient to complementary #cabe69

  1. #558dde
  2. #7794cc
  3. #8f9cb9
  4. #a2a4a6
  5. #b1ad93
  6. #beb57f
  7. #cabe69

Monochromatic Colors

  1. #3273c1
  2. #3f7ccb
  3. #4a84d4
  4. #558dde
  5. #6096e8
  6. #6a9ff2
  7. #74a8fb

Tones

  1. #558dde
  2. #678fd3
  3. #7591c7
  4. #8193bc
  5. #8a95b1
  6. #9398a5
  7. #9a9a9a

Tints and Shades

#558dde to White

  1. #558dde
  2. #789fe4
  3. #96b1ea
  4. #b2c4ef
  5. #ccd7f5
  6. #e6ebfa
  7. #ffffff

#558dde to Black

  1. #558dde
  2. #4974b5
  3. #3c5c8e
  4. #304569
  5. #232f46
  6. #161b25
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Pantone / PMS

    1. ★ 279
      #578ad6
      ΔE = 1.440
  2. Plascon

    1. ★ Surfing Sarah B4-A1-4
      #408ce4
      ΔE = 1.786
  3. Natural Color System / NCS

    1. ★ S 1550-R80B
      #5988d9
      ΔE = 1.916
  4. Valspar Paint

    1. ★ Ships Ahoy
      #6089da
      ΔE = 2.113
  5. GM / General Motors

    1. Light Stellar Blue
      #4e86d8
      ΔE = 2.620
    2. Light Blue
      #698bd0
      ΔE = 2.649
  6. Chrysler

    1. Blue Fleet
      #2f8ee9
      ΔE = 2.680

#558dde HTML / CSS Code Examples

#558dde foreground

One can have no smaller or greater mastery than mastery of oneself.

Leonardo da Vinci
<p style="color: #558dde">…</p>

#558dde background

Whether you succeed or not is irrelevant, there is no such thing. Making your unknown known is the important thing.

Georgia O'Keeffe
<p style="background-color: #558dde">…</p>

#558dde shadow

Great things are done by a series of small things brought together.

Vincent Van Gogh
<p style="text-shadow: 0.1em 0.1em 0.15em #558dde">…</p>

Color Charts

Color Space Conversions

Decimal
5606878
Binary
01010101, 10001101, 11011110
Hexadecimal
#558dde
Closest short hex
#58d ΔE = 2.075
RGB
rgb(85, 141, 222)
RGBA
rgba(85, 141, 222, 1.0)
rg chromaticity
r: 0.190, g: 0.315, b: 0.496
RYB
red: 33.333%, yellow: 48.922%, blue: 87.059%
Android / android.graphics.Color
-11170338 / 0xff558dde
HSL
hsl(215, 67%, 60%)
HSLA
hsla(215, 67%%, 60%%, 1.0)
HSV / HSB
hue: 215° (215.474), saturation: 62% (0.617), value: 87% (0.871)
HSP
hue: 215.474, saturation: 61.712, perceived brightness: 54.690
HSLuv (HUSL)
H: 251.897, S: 72.675, L: 58.276
Cubehelix
H: -147.276, S: 0.797, L: 0.522
TSL
T: -1.920, S: 0.194, L: 0.523
CMYK
cyan: 62 (0.617), magenta: 36 (0.365), yellow: 0 (0.000), key: 13 (0.129)
CMY
cyan: 67 (0.667), magenta: 45 (0.447), yellow: 13 (0.129)
XYZ
X: 26.451, Y: 26.253, Z: 72.766
xyY
x: 0.211, y: 0.209, Y: 26.253
CIELab
L: 58.276, a: 6.287, b: -46.797
CIELuv
L: 58.276, u: -24.349, v: -74.482
CIELCH / LCHab
L: 58.276, C: 47.217, H: 277.652
CIELUV / LCHuv
L: 58.276, C: 78.361, H: 251.897
Hunter-Lab
L: 51.237, a: 2.486, b: -48.337
CIECAM02
J: 46.887, C: 55.134, h: 252.428, Q: 134.907, M: 48.214, s: 59.782, H: 307.216
OSA-UCS
lightness: -10.343, jaune: -8.201, green: 2.364
LMS
L: 18.844, M: 26.396, S: 71.995
YCbCr
Y: 130.665, Cb: 171.847, Cr: 97.665
YCgCo
Y: 147.250, Cg: -6.250, Co: -13.000
YDbDr
Y: 133.490, Db: 133.173, Dr: 92.225
YPbPr
Y: 134.904, Pb: 46.940, Pr: -31.726
xvYCC
Y: 131.859, Cb: 169.234, Cr: 100.131
YIQ
Y: 133.490, I: -59.382, Q: 13.360
YUV
Y: 133.490, U: 43.557, V: -42.541
Munsell Color System
7.5PB 5/10 ΔE = 6.142
Brand Color
Stripe ΔE = 5.192

Random Colors

Red

Green

Blue