Encycolorpedia

#558cf6 Hex Color Code

#558cf6 Paint ChipThe hexadecimal color code #558cf6 is a medium light shade of cyan-blue. In the RGB color model #558cf6 is comprised of 33.33% red, 54.9% green and 96.47% blue. In the HSL color space #558cf6 has a hue of 220° (degrees), 90% saturation and 65% lightness. This color has an approximate wavelength of 472.88 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange)

#558cf6 linear gradient to complementary #e4e665

  1. #558cf6
  2. #829ae0
  3. #9fa8ca
  4. #b5b7b4
  5. #c7c69c
  6. #d7d682
  7. #e4e665

Monochromatic Colors

  1. #2d72d8
  2. #3c7ae2
  3. #4983ec
  4. #558cf6
  5. #6195ff
  6. #6c9eff
  7. #77a7ff

Tones

  1. #558cf6
  2. #6c90e9
  3. #7c94db
  4. #8a98ce
  5. #959dc1
  6. #9ea1b3
  7. #a6a6a6

Tints and Shades

#558cf6 to white

  1. #558cf6
  2. #7b9ef8
  3. #9ab0fa
  4. #b5c3fc
  5. #cfd7fd
  6. #e7ebfe
  7. #ffffff

#558cf6 to black

  1. #558cf6
  2. #4973c8
  3. #3d5b9d
  4. #314473
  5. #242f4c
  6. #171b28
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Plascon

    1. ★ Blue Sky B5-A1-4
      #5488f0
      ΔE = 1.495 / LRV ≈ 25.8%

#558cf6 HTML / CSS Code Examples

#558cf6 foreground

The only time I feel alive is when I'm painting.

Vincent Van Gogh
<p style="color: #558cf6">…</p>

#558cf6 background

The job of the artist is always to deepen the mystery.

Francis Bacon
<p style="background-color: #558cf6">…</p>

#558cf6 shadow

I want to touch people with my art. I want them to say 'he feels deeply, he feels tenderly.'.

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

Color Charts

Color Space Conversions

Decimal
5606646
Binary
01010101, 10001100, 11110110
Hexadecimal
#558cf6
LRV
≈ 27.3%
Closest short hex
#58e ΔE = 1.625
RGB
rgb(85, 140, 246)
RGBA
rgba(85, 140, 246, 1.0)
rg chromaticity
r: 0.180, g: 0.297, b: 0.522
RYB
red: 0.333%, yellow: 0.494%, blue: 0.965%
Android / android.graphics.Color
-11170570 / 0xff558cf6
HSL
hsl(220, 90%, 65%)
HSLA
hsla(220, 90%%, 65%%, 1.0)
HSV / HSB
hue: 220° (219.503), saturation: 65% (0.654), value: 96% (0.965)
HSP
hue: 219.503, saturation: 65.447%, perceived brightness: 56.236%
HSLuv (HUSL)
H: 255.942, S: 92.032, L: 59.286
Cubehelix
H: -142.659, S: 0.958, L: 0.530
TSL
T: -2.082, S: 0.211, L: 0.532
CMYK
cyan: 65% (0.654), magenta: 43% (0.431), yellow: 0% (0.000), key: 4% (0.035)
CMY
cyan: 67% (0.667), magenta: 45% (0.451), yellow: 4% (0.035)
XYZ
X: 29.753, Y: 27.338, Z: 90.880
xyY
x: 0.201, y: 0.185, Y: 27.338
CIELab
L: 59.286, a: 14.986, b: -58.503
CIELuv
L: 59.286, u: -23.736, v: -94.794
CIELCH / LCHab
L: 59.286, C: 60.392, H: 284.368
CIELUV / LCHuv
L: 59.286, C: 97.721, H: 255.942
Hunter-Lab
L: 52.286, a: 10.074, b: -66.453
CIECAM02
J: 47.825, C: 64.226, h: 256.475, Q: 136.251, M: 56.165, s: 64.204, H: 309.266
OSA-UCS
lightness: -10.417, jaune: -10.364, green: 2.249
LMS
L: 18.789, M: 26.027, S: 89.832
YCbCr
Y: 132.513, Cb: 182.674, Cr: 96.329
YCgCo
Y: 152.750, Cg: -12.750, Co: -19.000
YDbDr
Y: 135.639, Db: 166.048, Dr: 96.317
YPbPr
Y: 135.917, Pb: 59.325, Pr: -32.376
xvYCC
Y: 132.729, Cb: 180.113, Cr: 99.560
YIQ
Y: 135.639, I: -66.818, Q: 21.350
YUV
Y: 135.639, U: 54.310, V: -44.426
Munsell Color System
7.5PB 5/10 ΔE = 10.058
Brand Color
Prezi ΔE = 2.100

Random Colors

Red

Green

Blue