Encycolorpedia

#557dd3 Hex Color Code

#557dd3 Paint ChipThe hexadecimal color code #557dd3 is a shade of blue. In the RGB color model #557dd3 is comprised of 33.33% red, 49.02% green and 82.75% blue. In the HSL color space #557dd3 has a hue of 221° (degrees), 59% saturation and 58% lightness. This color has an approximate wavelength of 472.79 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange)

#557dd3 linear gradient to complementary #d1d157

  1. #557dd3
  2. #798ac1
  3. #9297ae
  4. #a5a59b
  5. #b6b387
  6. #c4c271
  7. #d1d157

Monochromatic Colors

  1. #3766b9
  2. #426ec2
  3. #4b75ca
  4. #557dd3
  5. #5e85dc
  6. #688de5
  7. #7195ee

Tones

  1. #557dd3
  2. #6581c9
  3. #7284be
  4. #7c88b4
  5. #858ca9
  6. #8d909f
  7. #949494

Tints and Shades

#557dd3 to white

  1. #557dd3
  2. #7791db
  3. #95a6e2
  4. #b0bbea
  5. #cbd1f1
  6. #e5e8f8
  7. #ffffff

#557dd3 to black

  1. #557dd3
  2. #4867ac
  3. #3c5287
  4. #2f3e64
  5. #232b43
  6. #161924
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Plascon

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

    1. ★ S 1555-R80B
      #4d79d3
      ΔE = 1.698 / LRV ≈ 20.0%
  3. Pantone / PMS

    1. ★ 2718
      #667dd1
      ΔE = 2.239 / LRV ≈ 22.1%
    2. 2727
      #4f78d6
      ΔE = 2.327 / LRV ≈ 19.9%
  4. Sigma

    1. Mistic Purple / S 2060-R70B
      #657cc7
      ΔE = 2.323 / LRV ≈ 21.3%
  5. Caparol

    1. 75 18 260 / Lazur 180
      #6080dc
      ΔE = 2.578 / LRV ≈ 23.1%
    2. 75 20 250 / Marin 80
      #4c84d8
      ΔE = 2.957 / LRV ≈ 23.0%

#557dd3 HTML / CSS Code Examples

#557dd3 foreground

I found I could say things with color and shapes that I couldn't say any other way--things I had no words for.

Georgia O'Keeffe
<p style="color: #557dd3">…</p>

#557dd3 background

A work of art which did not begin in emotion is not art.

Paul Cezanne
<p style="background-color: #557dd3">…</p>

#557dd3 shadow

Art is a lie that makes us realize truth.

Pablo Picasso
<p style="text-shadow: 0.1em 0.1em 0.15em #557dd3">…</p>

Color Charts

Color Space Conversions

Decimal
5602771
Binary
01010101, 01111101, 11010011
Hexadecimal
#557dd3
LRV
≈ 21.3%
Closest short hex
#57c ΔE = 2.201
RGB
rgb(85, 125, 211)
RGBA
rgba(85, 125, 211, 1.0)
rg chromaticity
r: 0.202, g: 0.297, b: 0.501
RYB
red: 0.333%, yellow: 0.452%, blue: 0.827%
Android / android.graphics.Color
-11174445 / 0xff557dd3
HSL
hsl(221, 59%, 58%)
HSLA
hsla(221, 59%%, 58%%, 1.0)
HSV / HSB
hue: 221° (220.952), saturation: 60% (0.597), value: 83% (0.827)
HSP
hue: 220.952, saturation: 59.716%, perceived brightness: 50.232%
HSLuv (HUSL)
H: 256.085, S: 67.438, L: 53.276
Cubehelix
H: -141.050, S: 0.755, L: 0.480
TSL
T: -2.142, S: 0.183, L: 0.482
CMYK
cyan: 60% (0.597), magenta: 41% (0.408), yellow: 0% (0.000), key: 17% (0.173)
CMY
cyan: 67% (0.667), magenta: 51% (0.510), yellow: 17% (0.173)
XYZ
X: 22.834, Y: 21.300, Z: 64.523
xyY
x: 0.210, y: 0.196, Y: 21.300
CIELab
L: 53.276, a: 12.222, b: -48.548
CIELuv
L: 53.276, u: -18.982, v: -76.617
CIELCH / LCHab
L: 53.276, C: 50.063, H: 284.130
CIELUV / LCHuv
L: 53.276, C: 78.934, H: 256.085
Hunter-Lab
L: 46.152, a: 7.548, b: -50.586
CIECAM02
J: 41.896, C: 55.037, h: 257.930, Q: 127.526, M: 48.129, s: 61.434, H: 310.014
OSA-UCS
lightness: -10.383, jaune: -8.581, green: 1.633
LMS
L: 15.404, M: 20.484, S: 63.810
YCbCr
Y: 121.523, Cb: 171.674, Cr: 104.334
YCgCo
Y: 136.500, Cg: -11.500, Co: -10.250
YDbDr
Y: 122.844, Db: 132.638, Dr: 71.982
YPbPr
Y: 122.672, Pb: 47.600, Pr: -23.956
xvYCC
Y: 121.354, Cb: 169.813, Cr: 106.956
YIQ
Y: 122.844, I: -51.457, Q: 18.299
YUV
Y: 122.844, U: 43.382, V: -33.201
Munsell Color System
7.5PB 5/10 ΔE = 4.917
Brand Color
Designer News ΔE = 5.179

Random Colors

Red

Green

Blue