Encycolorpedia

#33a5fd Hex Color Code

#33a5fd Paint ChipThe hexadecimal color code #33a5fd is a shade of cyan-blue. In the RGB color model #33a5fd is comprised of 20% red, 64.71% green and 99.22% blue. In the HSL color space #33a5fd has a hue of 206° (degrees), 98% saturation and 60% lightness. This color has an approximate wavelength of 477.58 nm.

Color Variations

Related Named Colors

Color Schemes

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

#33a5fd linear gradient to complementary #cdb263

  1. #33a5fd
  2. #6fa7e4
  3. #8ea8cb
  4. #a4aab1
  5. #b5ad98
  6. #c2af7e
  7. #cdb263

Monochromatic Colors

  1. #0087dc
  2. #0091e7
  3. #1b9bf2
  4. #33a5fd
  5. #45afff
  6. #54baff
  7. #62c4ff

Tones

  1. #33a5fd
  2. #57a3ec
  3. #6ca0db
  4. #7c9eca
  5. #879cb9
  6. #919aa9
  7. #989898

Tints and Shades

#33a5fd to white

  1. #33a5fd
  2. #6bb3fe
  3. #90c2fe
  4. #afd1ff
  5. #cbe0ff
  6. #e5efff
  7. #ffffff

#33a5fd to black

  1. #33a5fd
  2. #3287ce
  3. #2e6ba1
  4. #285076
  5. #20364e
  6. #151e29
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Valspar Paint

    1. ★ Splish Splash
      #0ea5fd
      ΔE = 1.338 / LRV ≈ 34.1%

#33a5fd HTML / CSS Code Examples

#33a5fd foreground

If you ask me what I came to do in this world, I, an artist, will answer you: I am here to live out loud.

Émile Zola
<p style="color: #33a5fd">…</p>

#33a5fd background

The object isn't to make art, it's to be in that wonderful state which makes art inevitable.

Robert Henri
<p style="background-color: #33a5fd">…</p>

#33a5fd shadow

Every good painter paints what he is.

Jackson Pollock
<p style="text-shadow: 0.1em 0.1em 0.15em #33a5fd">…</p>

Color Charts

Color Space Conversions

Decimal
3384829
Binary
00110011, 10100101, 11111101
Hexadecimal
#33a5fd
LRV
≈ 34.7%
Closest short hex
#3af ΔE = 1.989
RGB
rgb(51, 165, 253)
RGBA
rgba(51, 165, 253, 1.0)
rg chromaticity
r: 0.109, g: 0.352, b: 0.539
RYB
red: 0.200%, yellow: 0.486%, blue: 0.992%
Android / android.graphics.Color
-13392387 / 0xff33a5fd
HSL
hsl(206, 98%, 60%)
HSLA
hsla(206, 98%, 60%, 1.0)
HSV / HSB
hue: 206° (206.139), saturation: 80% (0.798), value: 99% (0.992)
HSP
hue: 206.139, saturation: 79.842%, perceived brightness: 60.823%
HSLuv (HUSL)
H: 246.091, S: 97.847, L: 65.516
Cubehelix
H: -158.545, S: 1.156, L: 0.551
TSL
T: -2.088, S: 0.302, L: 0.553
CMYK
cyan: 80% (0.798), magenta: 35% (0.348), yellow: 0% (0.000), key: 1% (0.008)
CMY
cyan: 80% (0.800), magenta: 35% (0.353), yellow: 1% (0.008)
XYZ
X: 32.543, Y: 34.702, Z: 97.892
xyY
x: 0.197, y: 0.210, Y: 34.702
CIELab
L: 65.516, a: -1.569, b: -52.486
CIELuv
L: 65.516, u: -37.567, v: -84.739
CIELCH / LCHab
L: 65.516, C: 52.509, H: 268.287
CIELUV / LCHuv
L: 65.516, C: 92.693, H: 246.091
Hunter-Lab
L: 58.908, a: -4.480, b: -57.291
CIECAM02
J: 54.079, C: 64.354, h: 243.551, Q: 144.886, M: 56.276, s: 62.323, H: 302.855
OSA-UCS
lightness: -10.336, jaune: -9.127, green: 4.277
LMS
L: 22.858, M: 36.606, S: 96.837
YCbCr
Y: 137.061, Cb: 183.504, Cr: 71.706
YCgCo
Y: 158.500, Cg: 6.500, Co: -37.750
YDbDr
Y: 140.946, Db: 168.604, Dr: 171.058
YPbPr
Y: 147.054, Pb: 57.110, Pr: -61.048
xvYCC
Y: 142.293, Cb: 178.167, Cr: 74.374
YIQ
Y: 140.946, I: -96.183, Q: 3.274
YUV
Y: 140.946, U: 55.142, V: -78.911
Munsell Color System
5PB 6/10 ΔE = 8.056
Brand Color
Disqus (blue) ΔE = 3.297

Random Colors

Red

Green

Blue