Encycolorpedia

#31a2fd Hex Color Code

#31a2fd Paint ChipThe hexadecimal color code #31a2fd is a shade of cyan-blue. In the RGB color model #31a2fd is comprised of 19.22% red, 63.53% green and 99.22% blue. In the HSL color space #31a2fd has a hue of 207° (degrees), 98% saturation and 59% lightness. This color has an approximate wavelength of 477.19 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange)

#31a2fd linear gradient to complementary #cfb55f

  1. #31a2fd
  2. #6fa4e3
  3. #8fa7ca
  4. #a5aab0
  5. #b6ae96
  6. #c4b17b
  7. #cfb55f

Monochromatic Colors

  1. #0085dc
  2. #008ee7
  3. #1898f2
  4. #31a2fd
  5. #43acff
  6. #52b6ff
  7. #60c0ff

Tones

  1. #31a2fd
  2. #56a0ec
  3. #6c9eda
  4. #7b9cc9
  5. #879ab9
  6. #9099a8
  7. #979797

Tints and Shades

#31a2fd to White

  1. #31a2fd
  2. #6ab1fe
  3. #8fc0fe
  4. #aecfff
  5. #cbdfff
  6. #e5efff
  7. #ffffff

#31a2fd to Black

  1. #31a2fd
  2. #3085ce
  3. #2d69a1
  4. #274e76
  5. #1f354e
  6. #151e29
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Valspar Paint

    1. ★ Splish Splash
      #0ea5fd
      ΔE = 2.134
  2. Fender

    1. 29 / Blue Agave
      #4c9deb
      ΔE = 2.680
  3. Natural Color System / NCS

    1. S 1050-R90B
      #4e9eea
      ΔE = 2.812

#31a2fd HTML / CSS Code Examples

#31a2fd foreground

I am seeking. I am striving. I am in it with all my heart.

Vincent van Gogh
<p style="color: #31a2fd">…</p>

#31a2fd background

Creativity takes courage.

Henri Matisse
<p style="background-color: #31a2fd">…</p>

#31a2fd shadow

If I could say it in words there would be no reason to paint.

Edward Hopper
<p style="text-shadow: 0.1em 0.1em 0.15em #31a2fd">…</p>

Color Charts

Color Space Conversions

Decimal
3252989
Binary
00110001, 10100010, 11111101
Hexadecimal
#31a2fd
Closest short hex
#4af ΔE = 3.164
RGB
rgb(49, 162, 253)
RGBA
rgba(49, 162, 253, 1.0)
rg chromaticity
r: 0.106, g: 0.349, b: 0.545
RYB
red: 19.216%, yellow: 47.733%, blue: 99.216%
Android / android.graphics.Color
-13524227 / 0xff31a2fd
HSL
hsl(207, 98%, 59%)
HSLA
hsla(207, 98%%, 59%%, 1.0)
HSV / HSB
hue: 207° (206.765), saturation: 81% (0.806), value: 99% (0.992)
HSP
hue: 206.765, saturation: 80.632, perceived brightness: 60.014
HSLuv (HUSL)
H: 247.080, S: 97.907, L: 64.629
Cubehelix
H: -157.775, S: 1.164, L: 0.542
TSL
T: -2.109, S: 0.306, L: 0.543
CMYK
cyan: 81 (0.806), magenta: 36 (0.360), yellow: 0 (0.000), key: 1 (0.008)
CMY
cyan: 81 (0.808), magenta: 36 (0.365), yellow: 1 (0.008)
XYZ
X: 31.910, Y: 33.582, Z: 97.710
xyY
x: 0.196, y: 0.206, Y: 33.582
CIELab
L: 64.629, a: -0.031, b: -53.895
CIELuv
L: 64.629, u: -36.823, v: -87.089
CIELCH / LCHab
L: 64.629, C: 53.895, H: 269.967
CIELUV / LCHuv
L: 64.629, C: 94.554, H: 247.080
Hunter-Lab
L: 57.950, a: -3.121, b: -59.405
CIECAM02
J: 53.090, C: 65.179, h: 244.494, Q: 143.554, M: 56.998, s: 63.012, H: 303.309
OSA-UCS
lightness: -10.349, jaune: -9.393, green: 4.216
LMS
L: 21.942, M: 35.149, S: 96.640
YCbCr
Y: 135.035, Cb: 184.673, Cr: 71.932
YCgCo
Y: 156.500, Cg: 5.500, Co: -38.750
YDbDr
Y: 138.587, Db: 172.153, Dr: 170.376
YPbPr
Y: 144.483, Pb: 58.495, Pr: -60.686
xvYCC
Y: 140.085, Cb: 179.384, Cr: 74.692
YIQ
Y: 138.587, I: -96.551, Q: 4.419
YUV
Y: 138.587, U: 56.303, V: -78.596
Munsell Color System
5PB 6/10 ΔE = 8.713
Brand Color
Disqus (blue) ΔE = 2.892

Random Colors

Red

Green

Blue