Encycolorpedia

#4477f0 Hex Color Code

#4477f0 Paint ChipThe hexadecimal color code #4477f0 is a medium light shade of blue. In the RGB color model #4477f0 is comprised of 26.67% red, 46.67% green and 94.12% blue. In the HSL color space #4477f0 has a hue of 222° (degrees), 85% saturation and 60% lightness. This color has an approximate wavelength of 471.12 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange) Sketch Palette

#4477f0 linear gradient to complementary #e2ff35

  1. #4477f0
  2. #7c8bd8
  3. #9da1bf
  4. #b4b8a5
  5. #c7cf88
  6. #d6e767
  7. #e2ff35

Monochromatic Colors

  1. #1461d5
  2. #2968de
  3. #376fe7
  4. #4477f0
  5. #507ff9
  6. #5a86ff
  7. #658eff

Tones

  1. #4477f0
  2. #5f7ce2
  3. #7182d3
  4. #7f88c5
  5. #8a8eb7
  6. #9394a9
  7. #9a9a9a

Tints and Shades

#4477f0 to white

  1. #4477f0
  2. #718cf3
  3. #93a2f6
  4. #b0b8f9
  5. #cccffb
  6. #e6e7fd
  7. #ffffff

#4477f0 to black

  1. #4477f0
  2. #3d62c4
  3. #354e99
  4. #2c3b71
  5. #21294b
  6. #161828
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Ford

    1. Champlaine Blue
      #4c7eed
      ΔE = 2.751 / LRV ≈ 22.6%
  2. Plascon

    1. Velvet Coast B6-B1-4
      #6474e0
      ΔE = 2.975 / LRV ≈ 20.6%

#4477f0 HTML / CSS Code Examples

#4477f0 foreground

An artist never really finishes his work; he merely abandons it.

Paul Valéry
<p style="color: #4477f0">…</p>

#4477f0 background

I wish they would only take me as I am.

Vincent Van Gogh
<p style="background-color: #4477f0">…</p>

#4477f0 shadow

The emotions are sometimes so strong that I work without knowing it. The strokes come like speech.

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

Color Charts

Color Space Conversions

Decimal
4487152
Binary
01000100, 01110111, 11110000
Hexadecimal
#4477f0
LRV
≈ 20.7%
Closest short hex
#47e ΔE = 0.349
RGB
rgb(68, 119, 240)
RGBA
rgba(68, 119, 240, 1.0)
rg chromaticity
r: 0.159, g: 0.279, b: 0.562
RYB
red: 0.267%, yellow: 0.421%, blue: 0.941%
Android / android.graphics.Color
-12290064 / 0xff4477f0
HSL
hsl(222, 85%, 60%)
HSLA
hsla(222, 85%, 60%, 1.0)
HSV / HSB
hue: 222° (222.209), saturation: 72% (0.717), value: 94% (0.941)
HSP
hue: 222.209, saturation: 71.667%, perceived brightness: 50.008%
HSLuv (HUSL)
H: 258.688, S: 89.061, L: 52.632
Cubehelix
H: -139.679, S: 1.046, L: 0.459
TSL
T: -2.195, S: 0.245, L: 0.461
CMYK
cyan: 72% (0.717), magenta: 50% (0.504), yellow: 0% (0.000), key: 6% (0.059)
CMY
cyan: 73% (0.733), magenta: 53% (0.533), yellow: 6% (0.059)
XYZ
X: 24.703, Y: 20.711, Z: 85.117
xyY
x: 0.189, y: 0.159, Y: 20.711
CIELab
L: 52.632, a: 23.259, b: -65.908
CIELuv
L: 52.632, u: -20.913, v: -104.540
CIELCH / LCHab
L: 52.632, C: 69.892, H: 289.438
CIELUV / LCHuv
L: 52.632, C: 106.612, H: 258.688
Hunter-Lab
L: 45.510, a: 17.251, b: -79.034
CIECAM02
J: 40.835, C: 69.225, h: 258.540, Q: 125.900, M: 60.536, s: 69.342, H: 310.329
OSA-UCS
lightness: -10.508, jaune: -11.797, green: 2.199
LMS
L: 13.177, M: 18.295, S: 84.060
YCbCr
Y: 116.972, Cb: 188.667, Cr: 97.020
YCgCo
Y: 136.500, Cg: -17.500, Co: -26.000
YDbDr
Y: 117.545, Db: 184.243, Dr: 94.240
YPbPr
Y: 116.849, Pb: 66.365, Pr: -31.066
xvYCC
Y: 116.353, Cb: 186.297, Cr: 100.711
YIQ
Y: 117.545, I: -69.254, Q: 26.863
YUV
Y: 117.545, U: 60.261, V: -43.466
Munsell Color System
7.5PB 4/12 ΔE = 12.027
Brand Color
Designer News ΔE = 5.045

Random Colors

Red

Green

Blue