Encycolorpedia

#336fff Hex Color Code

#336fff Paint ChipThe hexadecimal color code #336fff is a medium light shade of blue. In the RGB color model #336fff is comprised of 20% red, 43.53% green and 100% blue. In the HSL color space #336fff has a hue of 222° (degrees), 100% saturation and 60% lightness. This color has an approximate wavelength of 470.26 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange)

#336fff linear gradient to complementary #c5ff33

  1. #336fff
  2. #7485e4
  3. #939cc8
  4. #a8b4ac
  5. #b6cd8d
  6. #bfe668
  7. #c5ff33

Monochromatic Colors

  1. #005ae5
  2. #0061ed
  3. #2068f6
  4. #336fff
  5. #4176ff
  6. #4e7eff
  7. #5a85ff

Tones

  1. #336fff
  2. #5875ee
  3. #6e7cdd
  4. #7e83cc
  5. #898abb
  6. #9292aa
  7. #999999

Tints and Shades

#336fff to White

  1. #336fff
  2. #6c85ff
  3. #919cff
  4. #b0b4ff
  5. #ccccff
  6. #e6e5ff
  7. #ffffff

#336fff to Black

  1. #336fff
  2. #325cd0
  3. #2e49a2
  4. #283877
  5. #20274f
  6. #16172a
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Caparol

    1. 75 26 270 / Aquarell 105
      #5c70f0
      ΔE = 2.683

#336fff HTML / CSS Code Examples

#336fff foreground

The artist is a receptacle for emotions that come from all over the place: from the sky, from the earth, from a scrap of paper, from a passing shape, from a spider's web.

Pablo Picasso
<p style="color: #336fff">…</p>

#336fff background

The job of the artist is always to deepen the mystery.

Francis Bacon
<p style="background-color: #336fff">…</p>

#336fff shadow

Painting is just another way of keeping a diary.

Pablo Picasso
<p style="text-shadow: 0.1em 0.1em 0.15em #336fff">…</p>

Color Charts

Color Space Conversions

Decimal
3371007
Binary
00110011, 01101111, 11111111
Hexadecimal
#336fff
Closest short hex
#37f ΔE = 2.809
RGB
rgb(51, 111, 255)
RGBA
rgba(51, 111, 255, 1.0)
rg chromaticity
r: 0.122, g: 0.266, b: 0.612
RYB
red: 20.000%, yellow: 38.182%, blue: 100.000%
Android / android.graphics.Color
-13406209 / 0xff336fff
HSL
hsl(222, 100%, 60%)
HSLA
hsla(222, 100%%, 60%%, 1.0)
HSV / HSB
hue: 222° (222.353), saturation: 80% (0.800), value: 100% (1.000)
HSP
hue: 222.353, saturation: 80.000, perceived brightness: 48.702
HSLuv (HUSL)
H: 259.991, S: 99.991, L: 51.024
Cubehelix
H: -139.524, S: 1.260, L: 0.427
TSL
T: -2.201, S: 0.297, L: 0.429
CMYK
cyan: 80 (0.800), magenta: 56 (0.565), yellow: 0 (0.000), key: 0 (0.000)
CMY
cyan: 80 (0.800), magenta: 56 (0.565), yellow: 0 (0.000)
XYZ
X: 25.093, Y: 19.290, Z: 96.989
xyY
x: 0.177, y: 0.136, Y: 19.290
CIELab
L: 51.024, a: 31.859, b: -76.876
CIELuv
L: 51.024, u: -21.256, v: -120.442
CIELCH / LCHab
L: 51.024, C: 83.216, H: 292.510
CIELUV / LCHuv
L: 51.024, C: 122.303, H: 259.991
Hunter-Lab
L: 43.920, a: 25.124, b: -100.187
CIECAM02
J: 38.916, C: 77.341, h: 258.279, Q: 122.906, M: 67.634, s: 74.182, H: 310.194
OSA-UCS
lightness: -10.598, jaune: -13.872, green: 2.764
LMS
L: 10.924, M: 15.680, S: 95.717
YCbCr
Y: 110.041, Cb: 200.096, Cr: 91.436
YCgCo
Y: 132.000, Cg: -21.000, Co: -38.250
YDbDr
Y: 109.476, Db: 218.952, Dr: 111.228
YPbPr
Y: 108.588, Pb: 78.900, Pr: -36.624
xvYCC
Y: 109.258, Cb: 197.308, Cr: 95.828
YIQ
Y: 109.476, I: -82.005, Q: 32.116
YUV
Y: 109.476, U: 71.613, V: -51.301
Munsell Color System
10PB 4/12 ΔE = 15.147
Brand Color
Flickr (blue) ΔE = 7.494

Random Colors

Red

Green

Blue