Encycolorpedia

#3683dd Hex Color Code

#3683dd Paint ChipThe hexadecimal color code #3683dd is a shade of cyan-blue. In the RGB color model #3683dd is comprised of 21.18% red, 51.37% green and 86.67% blue. In the HSL color space #3683dd has a hue of 212° (degrees), 71% saturation and 54% lightness. This color has an approximate wavelength of 475.32 nm.

Color Variations

Related Named Colors

Color Schemes

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

#3683dd linear gradient to complementary #d9c83a

  1. #3683dd
  2. #708dc5
  3. #9098ad
  4. #a7a395
  5. #bbaf7b
  6. #cbbb5e
  7. #d9c83a

Monochromatic Colors

  1. #006bc2
  2. #1373cb
  3. #277bd4
  4. #3683dd
  5. #428be6
  6. #4e93ef
  7. #599cf8

Tones

  1. #3683dd
  2. #5184cf
  3. #6385c1
  4. #7086b3
  5. #7b87a6
  6. #838998
  7. #8a8a8a

Tints and Shades

#3683dd to white

  1. #3683dd
  2. #6796e3
  3. #8aaae9
  4. #a9bfef
  5. #c7d4f4
  6. #e3e9fa
  7. #ffffff

#3683dd to black

  1. #3683dd
  2. #326cb4
  3. #2d568d
  4. #264068
  5. #1e2c45
  6. #141a25
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Caparol

    1. ★ 40/08
      #2884dc
      ΔE = 1.342 / LRV ≈ 22.1%
    2. ★ 75 20 250 / Marin 80
      #4c84d8
      ΔE = 1.613 / LRV ≈ 23.0%
  2. GM / General Motors

    1. ★ Light Stellar Blue
      #4e86d8
      ΔE = 2.113 / LRV ≈ 23.6%
    2. ★ Blue
      #0087eb
      ΔE = 2.201 / LRV ≈ 23.3%
  3. Pantone / PMS

    1. ★ 285 U
      #4982cf
      ΔE = 2.267 / LRV ≈ 21.9%
    2. 2727 C
      #307fe2
      ΔE = 2.382 / LRV ≈ 21.3%
  4. Ford

    1. Blue
      #287cd7
      ΔE = 2.727 / LRV ≈ 19.8%

#3683dd HTML / CSS Code Examples

#3683dd 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: #3683dd">…</p>

#3683dd background

I wish they would only take me as I am.

Vincent Van Gogh
<p style="background-color: #3683dd">…</p>

#3683dd shadow

Painting is easy when you don't know how, but very difficult when you do.

Edgar Degas
<p style="text-shadow: 0.1em 0.1em 0.15em #3683dd">…</p>

Color Charts

Color Space Conversions

Decimal
3572701
Binary
00110110, 10000011, 11011101
Hexadecimal
#3683dd
LRV
≈ 22.2%
Closest short hex
#48d ΔE = 2.143
RGB
rgb(54, 131, 221)
RGBA
rgba(54, 131, 221, 1.0)
rg chromaticity
r: 0.133, g: 0.323, b: 0.544
RYB
red: 0.212%, yellow: 0.418%, blue: 0.867%
Android / android.graphics.Color
-13204515 / 0xff3683dd
HSL
hsl(212, 71%, 54%)
HSLA
hsla(212, 71%, 54%, 1.0)
HSV / HSB
hue: 212° (212.335), saturation: 76% (0.756), value: 87% (0.867)
HSP
hue: 212.335, saturation: 75.566%, perceived brightness: 50.394%
HSLuv (HUSL)
H: 251.733, S: 87.595, L: 54.275
Cubehelix
H: -150.998, S: 0.963, L: 0.462
TSL
T: -1.801, S: 0.269, L: 0.464
CMYK
cyan: 76% (0.756), magenta: 41% (0.407), yellow: 0% (0.000), key: 13% (0.133)
CMY
cyan: 79% (0.788), magenta: 49% (0.486), yellow: 13% (0.133)
XYZ
X: 22.684, Y: 22.235, Z: 71.489
xyY
x: 0.195, y: 0.191, Y: 22.235
CIELab
L: 54.275, a: 7.234, b: -52.665
CIELuv
L: 54.275, u: -27.406, v: -83.029
CIELCH / LCHab
L: 54.275, C: 53.160, H: 277.821
CIELUV / LCHuv
L: 54.275, C: 87.435, H: 251.733
Hunter-Lab
L: 47.154, a: 3.351, b: -56.881
CIECAM02
J: 42.415, C: 61.184, h: 250.092, Q: 128.312, M: 53.505, s: 64.575, H: 306.050
OSA-UCS
lightness: -10.395, jaune: -9.263, green: 3.120
LMS
L: 14.565, M: 22.219, S: 70.673
YCbCr
Y: 117.560, Cb: 178.906, Cr: 87.807
YCgCo
Y: 134.250, Cg: -3.250, Co: -28.250
YDbDr
Y: 118.237, Db: 154.620, Dr: 122.171
YPbPr
Y: 121.079, Pb: 53.855, Pr: -42.640
xvYCC
Y: 119.985, Cb: 175.308, Cr: 90.544
YIQ
Y: 118.237, I: -74.784, Q: 11.720
YUV
Y: 118.237, U: 50.570, V: -56.356
Munsell Color System
7.5PB 5/10 ΔE = 6.584
Brand Color
Stripe ΔE = 5.396

Random Colors

Red

Green

Blue