Encycolorpedia

#336bdc Hex Color Code

#336bdc Paint ChipThe hexadecimal color code #336bdc is a shade of blue. In the RGB color model #336bdc is comprised of 20% red, 41.96% green and 86.27% blue. In the HSL color space #336bdc has a hue of 220° (degrees), 71% saturation and 53% lightness. This color has an approximate wavelength of 471.5 nm.

Color Variations

Related Named Colors

Color Schemes

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

#336bdc linear gradient to complementary #dbff10

  1. #336bdc
  2. #7181c5
  3. #9298ae
  4. #abb195
  5. #beca79
  6. #cee456
  7. #dbff10

Monochromatic Colors

  1. #0057c4
  2. #135ecc
  3. #2664d4
  4. #336bdc
  5. #3e72e4
  6. #4979ec
  7. #5380f4

Tones

  1. #336bdc
  2. #506fce
  3. #6274c0
  4. #6f79b2
  5. #797ea4
  6. #818396
  7. #888888

Tints and Shades

#336bdc to white

  1. #336bdc
  2. #6681e3
  3. #8a99e9
  4. #a9b1ef
  5. #c7cbf4
  6. #e3e5fa
  7. #ffffff

#336bdc to black

  1. #336bdc
  2. #3059b4
  3. #2c478d
  4. #253668
  5. #1e2645
  6. #141625
  7. #000000

Paints

Similar Paints

  1. Ford

    1. ★ Grabber Blue
      #2b6be4
      ΔE = 1.237 / LRV ≈ 16.6%
    2. ★ Seascape Blue
      #4268dd
      ΔE = 1.881 / LRV ≈ 16.3%
  2. Caparol

    1. ★ 42/13
      #3468d0
      ΔE = 2.054 / LRV ≈ 15.2%
    2. 70 25 260 / Lazur 175
      #3464dc
      ΔE = 2.683 / LRV ≈ 15.0%
  3. Green Planet Paints

    1. Neptune
      #4b70dd
      ΔE = 2.614 / LRV ≈ 18.3%

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

#336bdc HTML / CSS Code Examples

#336bdc foreground

Art must be an expression of love or it is nothing.

Marc Chagall
<p style="color: #336bdc">…</p>

#336bdc background

It's not what you look at that matters, it's what you see.

Henry David Thoreau
<p style="background-color: #336bdc">…</p>

#336bdc shadow

Art is the only way to run away without leaving home.

Twyla Tharp
<p style="text-shadow: 0.1em 0.1em 0.15em #336bdc">…</p>

Color Charts

Color Space Conversions

Decimal
3369948
Binary
00110011, 01101011, 11011100
Hexadecimal
#336bdc
LRV
≈ 16.4%
Closest short hex
#36d ΔE = 1.950
RGB
rgb(51, 107, 220)
RGBA
rgba(51, 107, 220, 1.0)
rg chromaticity
r: 0.135, g: 0.283, b: 0.582
RYB
red: 0.200%, yellow: 0.365%, blue: 0.863%
Android / android.graphics.Color
-13407268 / 0xff336bdc
HSL
hsl(220, 71%, 53%)
HSLA
hsla(220, 71%, 53%, 1.0)
HSV / HSB
hue: 220° (220.118), saturation: 77% (0.768), value: 86% (0.863)
HSP
hue: 220.118, saturation: 76.818%, perceived brightness: 44.740%
HSLuv (HUSL)
H: 258.099, S: 86.618, L: 47.475
Cubehelix
H: -141.972, S: 1.046, L: 0.402
TSL
T: -2.107, S: 0.275, L: 0.404
CMYK
cyan: 77% (0.768), magenta: 51% (0.514), yellow: 0% (0.000), key: 14% (0.137)
CMY
cyan: 80% (0.800), magenta: 58% (0.580), yellow: 14% (0.137)
XYZ
X: 19.537, Y: 16.384, Z: 69.829
xyY
x: 0.185, y: 0.155, Y: 16.384
CIELab
L: 47.475, a: 21.483, b: -63.034
CIELuv
L: 47.475, u: -20.520, v: -97.364
CIELCH / LCHab
L: 47.475, C: 66.595, H: 288.819
CIELUV / LCHuv
L: 47.475, C: 99.503, H: 258.099
Hunter-Lab
L: 40.477, a: 15.318, b: -73.949
CIECAM02
J: 35.749, C: 67.017, h: 256.976, Q: 117.799, M: 58.605, s: 70.534, H: 309.523
OSA-UCS
lightness: -10.522, jaune: -11.285, green: 2.444
LMS
L: 10.015, M: 14.492, S: 68.951
YCbCr
Y: 104.595, Cb: 185.895, Cr: 95.393
YCgCo
Y: 121.250, Cg: -14.250, Co: -29.500
YDbDr
Y: 103.138, Db: 175.829, Dr: 99.169
YPbPr
Y: 103.208, Pb: 62.940, Pr: -33.198
xvYCC
Y: 104.637, Cb: 183.288, Cr: 98.838
YIQ
Y: 103.138, I: -69.663, Q: 23.317
YUV
Y: 103.138, U: 57.508, V: -45.741
Munsell Color System
7.5PB 4/12 ΔE = 8.419
Brand Color
Designer News ΔE = 3.154

Random Colors

Red

Green

Blue