Encycolorpedia

#31b4fd Hex Color Code

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

Color Variations

Related Named Colors

Color Schemes

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

#31b4fd linear gradient to complementary #d5a459

  1. #31b4fd
  2. #73b1e2
  3. #94aec7
  4. #ababac
  5. #bca991
  6. #caa676
  7. #d5a459

Monochromatic Colors

  1. #0094da
  2. #009ee5
  3. #14a9f1
  4. #31b4fd
  5. #44bfff
  6. #55caff
  7. #64d6ff

Tones

  1. #31b4fd
  2. #56afec
  3. #6caada
  4. #7ba5c9
  5. #87a0b8
  6. #909ca8
  7. #979797

Tints and Shades

#31b4fd to white

  1. #31b4fd
  2. #6ac0fe
  3. #90ccfe
  4. #afd9ff
  5. #cbe5ff
  6. #e6f2ff
  7. #ffffff

#31b4fd to black

  1. #31b4fd
  2. #3093ce
  3. #2d74a1
  4. #275676
  5. #1f3a4e
  6. #152029
  7. #000000

Paints

Similar Paints

  1. Chrysler

    1. Blue
      #4cb9fa
      ΔE = 2.574 / LRV ≈ 43.1%
  2. Ford

    1. Blue
      #4cb9fa
      ΔE = 2.574 / LRV ≈ 43.1%

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

#31b4fd HTML / CSS Code Examples

#31b4fd foreground

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

Vincent Van Gogh
<p style="color: #31b4fd">…</p>

#31b4fd background

If I create from the heart, nearly everything works; if from the head, almost nothing.

Marc Chagall
<p style="background-color: #31b4fd">…</p>

#31b4fd shadow

Everything has its beauty, but not everyone sees it.

Andy Warhol
<p style="text-shadow: 0.1em 0.1em 0.15em #31b4fd">…</p>

Color Charts

Color Space Conversions

Decimal
3257597
Binary
00110001, 10110100, 11111101
Hexadecimal
#31b4fd
LRV
≈ 40.4%
Closest short hex
#4bf ΔE = 2.820
RGB
rgb(49, 180, 253)
RGBA
rgba(49, 180, 253, 1.0)
rg chromaticity
r: 0.102, g: 0.373, b: 0.525
RYB
red: 0.192%, yellow: 0.505%, blue: 0.992%
Android / android.graphics.Color
-13519619 / 0xff31b4fd
HSL
hsl(201, 98%, 59%)
HSLA
hsla(201, 98%, 59%, 1.0)
HSV / HSB
hue: 201° (201.471), saturation: 81% (0.806), value: 99% (0.992)
HSP
hue: 201.471, saturation: 80.632%, perceived brightness: 64.478%
HSLuv (HUSL)
H: 239.678, S: 97.523, L: 69.741
Cubehelix
H: -164.279, S: 1.191, L: 0.583
TSL
T: -1.948, S: 0.315, L: 0.585
CMYK
cyan: 81% (0.806), magenta: 29% (0.289), yellow: 0% (0.000), key: 1% (0.008)
CMY
cyan: 81% (0.808), magenta: 29% (0.294), yellow: 1% (0.008)
XYZ
X: 35.310, Y: 40.383, Z: 98.843
xyY
x: 0.202, y: 0.231, Y: 40.383
CIELab
L: 69.741, a: -10.136, b: -45.824
CIELuv
L: 69.741, u: -42.789, v: -73.161
CIELCH / LCHab
L: 69.741, C: 46.931, H: 257.527
CIELUV / LCHuv
L: 69.741, C: 84.755, H: 239.678
Hunter-Lab
L: 63.548, a: -12.024, b: -47.738
CIECAM02
J: 58.787, C: 61.404, h: 237.126, Q: 151.061, M: 53.697, s: 59.621, H: 299.540
OSA-UCS
lightness: -10.277, jaune: -7.872, green: 4.865
LMS
L: 27.172, M: 44.309, S: 97.857
YCbCr
Y: 144.107, Cb: 179.435, Cr: 65.308
YCgCo
Y: 165.500, Cg: 14.500, Co: -38.750
YDbDr
Y: 149.153, Db: 156.259, Dr: 190.464
YPbPr
Y: 157.353, Pb: 51.565, Pr: -68.858
xvYCC
Y: 151.138, Cb: 173.296, Cr: 67.513
YIQ
Y: 149.153, I: -101.491, Q: -4.988
YUV
Y: 149.153, U: 51.104, V: -87.866
Munsell Color System
2.5PB 6/10 ΔE = 7.039
Brand Color
Skype ΔE = 3.921

Random Colors

Red

Green

Blue