Encycolorpedia

#5aa3f6 Hex Color Code

#5aa3f6 Paint ChipThe hexadecimal color code #5aa3f6 is a medium light shade of cyan-blue. In the RGB color model #5aa3f6 is comprised of 35.29% red, 63.92% green and 96.47% blue. In the HSL color space #5aa3f6 has a hue of 212° (degrees), 90% saturation and 66% lightness. This color has an approximate wavelength of 476.51 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange)

#5aa3f6 linear gradient to complementary #cfbf81

  1. #5aa3f6
  2. #7da7e3
  3. #95abd0
  4. #a7b0bd
  5. #b7b5a9
  6. #c4ba95
  7. #cfbf81

Monochromatic Colors

  1. #3085d5
  2. #3f8fe0
  3. #4d99eb
  4. #5aa3f6
  5. #66adff
  6. #73b8ff
  7. #7ec2ff

Tones

  1. #5aa3f6
  2. #6fa4e9
  3. #7fa4dc
  4. #8ca5cf
  5. #97a6c2
  6. #a0a7b5
  7. #a8a8a8

Tints and Shades

#5aa3f6 to White

  1. #5aa3f6
  2. #7eb2f8
  3. #9cc0fa
  4. #b7d0fb
  5. #d0dffd
  6. #e8effe
  7. #ffffff

#5aa3f6 to Black

  1. #5aa3f6
  2. #4d86c8
  3. #406a9d
  4. #334f73
  5. #25354c
  6. #171e28
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

#5aa3f6 HTML / CSS Code Examples

#5aa3f6 foreground

A painting is never finished - it simply stops in interesting places.

Paul Gardner
<p style="color: #5aa3f6">…</p>

#5aa3f6 background

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

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

#5aa3f6 shadow

I saw the angel in the marble and carved until I set him free.

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

Color Charts

Color Space Conversions

Decimal
5940214
Binary
01011010, 10100011, 11110110
Hexadecimal
#5aa3f6
Closest short hex
#5af ΔE = 2.469
RGB
rgb(90, 163, 246)
RGBA
rgba(90, 163, 246, 1.0)
rg chromaticity
r: 0.180, g: 0.327, b: 0.493
RYB
red: 35.294%, yellow: 54.796%, blue: 96.471%
Android / android.graphics.Color
-10837002 / 0xff5aa3f6
HSL
hsl(212, 90%, 66%)
HSLA
hsla(212, 90%%, 66%%, 1.0)
HSV / HSB
hue: 212° (211.923), saturation: 63% (0.634), value: 96% (0.965)
HSP
hue: 211.923, saturation: 63.415, perceived brightness: 61.902
HSLuv (HUSL)
H: 248.799, S: 90.270, L: 65.763
Cubehelix
H: -151.493, S: 0.922, L: 0.589
TSL
T: -1.786, S: 0.205, L: 0.591
CMYK
cyan: 63 (0.634), magenta: 34 (0.337), yellow: 0 (0.000), key: 4 (0.035)
CMY
cyan: 65 (0.647), magenta: 36 (0.361), yellow: 4 (0.035)
XYZ
X: 33.942, Y: 35.019, Z: 92.141
xyY
x: 0.211, y: 0.217, Y: 35.019
CIELab
L: 65.763, a: 2.307, b: -48.203
CIELuv
L: 65.763, u: -30.237, v: -77.953
CIELCH / LCHab
L: 65.763, C: 48.258, H: 272.741
CIELUV / LCHuv
L: 65.763, C: 83.612, H: 248.799
Hunter-Lab
L: 59.176, a: -1.176, b: -50.895
CIECAM02
J: 54.823, C: 57.988, h: 248.490, Q: 145.879, M: 50.710, s: 58.959, H: 305.258
OSA-UCS
lightness: -10.320, jaune: -8.400, green: 3.050
LMS
L: 24.953, M: 36.124, S: 91.190
YCbCr
Y: 145.390, Cb: 175.241, Cr: 90.060
YCgCo
Y: 165.500, Cg: -2.500, Co: -16.500
YDbDr
Y: 150.635, Db: 143.489, Dr: 115.320
YPbPr
Y: 153.427, Pb: 49.895, Pr: -40.318
xvYCC
Y: 147.767, Cb: 171.829, Cr: 92.583
YIQ
Y: 150.635, I: -70.152, Q: 10.388
YUV
Y: 150.635, U: 46.930, V: -53.196
Munsell Color System
5PB 6/10 ΔE = 7.294
Brand Color
Disqus (blue) ΔE = 1.313

Random Colors

Red

Green

Blue