Encycolorpedia

#5aa3f2 Hex Color Code

#5aa3f2 Paint ChipThe hexadecimal color code #5aa3f2 is a medium light shade of cyan-blue. In the RGB color model #5aa3f2 is comprised of 35.29% red, 63.92% green and 94.9% blue. In the HSL color space #5aa3f2 has a hue of 211° (degrees), 85% saturation and 65% lightness. This color has an approximate wavelength of 476.88 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange)

#5aa3f2 linear gradient to complementary #ccba80

  1. #5aa3f2
  2. #7ca6df
  3. #93aacd
  4. #a5aeba
  5. #b4b2a7
  6. #c1b694
  7. #ccba80

Monochromatic Colors

  1. #3185d1
  2. #408fdc
  3. #4d99e7
  4. #5aa3f2
  5. #66adfd
  6. #72b8ff
  7. #7ec2ff

Tones

  1. #5aa3f2
  2. #6ea3e5
  3. #7ea4d9
  4. #8ba4cc
  5. #95a5bf
  6. #9ea5b3
  7. #a6a6a6

Tints and Shades

#5aa3f2 to White

  1. #5aa3f2
  2. #7eb2f5
  3. #9bc0f7
  4. #b6d0f9
  5. #cfdffb
  6. #e7effd
  7. #ffffff

#5aa3f2 to Black

  1. #5aa3f2
  2. #4d86c5
  3. #406a9a
  4. #334f71
  5. #25354b
  6. #171e28
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Natural Color System / NCS

    1. S 1050-R90B
      #4e9eea
      ΔE = 2.475
  2. Fender

    1. 29 / Blue Agave
      #4c9deb
      ΔE = 2.621

#5aa3f2 HTML / CSS Code Examples

#5aa3f2 foreground

Life obliges me to do something, so I paint.

Rene Magritte
<p style="color: #5aa3f2">…</p>

#5aa3f2 background

Everything has its beauty, but not everyone sees it.

Andy Warhol
<p style="background-color: #5aa3f2">…</p>

#5aa3f2 shadow

If people knew how hard I worked to get my mastery, it wouldn't seem so wonderful at all.

Michelangelo
<p style="text-shadow: 0.1em 0.1em 0.15em #5aa3f2">…</p>

Color Charts

Color Space Conversions

Decimal
5940210
Binary
01011010, 10100011, 11110010
Hexadecimal
#5aa3f2
Closest short hex
#5af ΔE = 2.607
RGB
rgb(90, 163, 242)
RGBA
rgba(90, 163, 242, 1.0)
rg chromaticity
r: 0.182, g: 0.329, b: 0.489
RYB
red: 0.353%, yellow: 0.546%, blue: 0.949%
Android / android.graphics.Color
-10837006 / 0xff5aa3f2
HSL
hsl(211, 85%, 65%)
HSLA
hsla(211, 85%%, 65%%, 1.0)
HSV / HSB
hue: 211° (211.184), saturation: 63% (0.628), value: 95% (0.949)
HSP
hue: 211.184, saturation: 62.810%, perceived brightness: 61.625%
HSLuv (HUSL)
H: 247.865, S: 86.016, L: 65.574
Cubehelix
H: -152.384, S: 0.896, L: 0.587
TSL
T: -1.759, S: 0.203, L: 0.589
CMYK
cyan: 63% (0.628), magenta: 33% (0.326), yellow: 0% (0.000), key: 5% (0.051)
CMY
cyan: 65% (0.647), magenta: 36% (0.361), yellow: 5% (0.051)
XYZ
X: 33.335, Y: 34.776, Z: 88.943
xyY
x: 0.212, y: 0.221, Y: 34.776
CIELab
L: 65.574, a: 0.996, b: -46.315
CIELuv
L: 65.574, u: -30.336, v: -74.579
CIELCH / LCHab
L: 65.574, C: 46.326, H: 271.232
CIELUV / LCHuv
L: 65.574, C: 80.513, H: 247.865
Hunter-Lab
L: 58.971, a: -2.297, b: -48.145
CIECAM02
J: 54.631, C: 56.548, h: 247.546, Q: 145.623, M: 49.450, s: 58.273, H: 304.795
OSA-UCS
lightness: -10.309, jaune: -8.055, green: 3.075
LMS
L: 24.923, M: 36.120, S: 88.039
YCbCr
Y: 144.998, Cb: 173.485, Cr: 90.344
YCgCo
Y: 164.500, Cg: -1.500, Co: -15.500
YDbDr
Y: 150.179, Db: 138.157, Dr: 114.452
YPbPr
Y: 153.139, Pb: 47.895, Pr: -40.134
xvYCC
Y: 147.519, Cb: 170.072, Cr: 92.745
YIQ
Y: 150.179, I: -68.867, Q: 9.143
YUV
Y: 150.179, U: 45.186, V: -52.796
Munsell Color System
5PB 6/10 ΔE = 6.221
Brand Color
Disqus (blue) ΔE = 2.248

Random Colors

Red

Green

Blue