Encycolorpedia

#386cd3 Hex Color Code

#386cd3 Paint ChipThe hexadecimal color code #386cd3 is a shade of cyan-blue. In the RGB color model #386cd3 is comprised of 21.96% red, 42.35% green and 82.75% blue. In the HSL color space #386cd3 has a hue of 220° (degrees), 64% saturation and 52% lightness. This color has an approximate wavelength of 471.97 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange)

#386cd3 linear gradient to complementary #e9ff0c

  1. #386cd3
  2. #7382be
  3. #9699a8
  4. #b0b190
  5. #c6cb75
  6. #d8e454
  7. #e9ff0c

Monochromatic Colors

  1. #0958bc
  2. #1f5fc3
  3. #2c65cb
  4. #386cd3
  5. #4273db
  6. #4c7ae3
  7. #5581eb

Tones

  1. #386cd3
  2. #5070c6
  3. #6174b9
  4. #6d78ac
  5. #777c9f
  6. #7f8192
  7. #858585

Tints and Shades

#386cd3 to White

  1. #386cd3
  2. #6682db
  3. #899ae3
  4. #a9b2ea
  5. #c6cbf1
  6. #e3e5f8
  7. #ffffff

#386cd3 to Black

  1. #386cd3
  2. #3359ac
  3. #2d4787
  4. #263664
  5. #1e2643
  6. #141724
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Ford

    1. ★ Blue
      #226ad3
      ΔE = 1.518
  2. Crayola

    1. Indigo
      #4f69c6
      ΔE = 2.307
  3. Caparol

    1. 2227-R78B
      #5468c8
      ΔE = 2.857
    2. 70 17 264 / Saphir 110
      #586ccc
      ΔE = 2.954

#386cd3 HTML / CSS Code Examples

#386cd3 foreground

Whether you succeed or not is irrelevant, there is no such thing. Making your unknown known is the important thing.

Georgia O'Keeffe
<p style="color: #386cd3">…</p>

#386cd3 background

The emotions are sometimes so strong that I work without knowing it. The strokes come like speech.

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

#386cd3 shadow

The longer you look at an object, the more abstract it becomes, and, ironically, the more real.

Lucian Freud
<p style="text-shadow: 0.1em 0.1em 0.15em #386cd3">…</p>

Color Charts

Color Space Conversions

Decimal
3697875
Binary
00111000, 01101100, 11010011
Hexadecimal
#386cd3
Closest short hex
#36c ΔE = 2.318
RGB
rgb(56, 108, 211)
RGBA
rgba(56, 108, 211, 1.0)
rg chromaticity
r: 0.149, g: 0.288, b: 0.563
RYB
red: 21.961%, yellow: 37.230%, blue: 82.745%
Android / android.graphics.Color
-13079341 / 0xff386cd3
HSL
hsl(220, 64%, 52%)
HSLA
hsla(220, 64%%, 52%%, 1.0)
HSV / HSB
hue: 220° (219.871), saturation: 73% (0.735), value: 83% (0.827)
HSP
hue: 219.871, saturation: 73.460, perceived brightness: 44.471
HSLuv (HUSL)
H: 257.372, S: 83.279, L: 47.323
Cubehelix
H: -142.247, S: 0.955, L: 0.407
TSL
T: -2.097, S: 0.254, L: 0.409
CMYK
cyan: 73 (0.735), magenta: 49 (0.488), yellow: 0 (0.000), key: 17 (0.173)
CMY
cyan: 78 (0.780), magenta: 58 (0.576), yellow: 17 (0.173)
XYZ
X: 18.747, Y: 16.267, Z: 63.767
xyY
x: 0.190, y: 0.165, Y: 16.267
CIELab
L: 47.323, a: 18.108, b: -58.153
CIELuv
L: 47.323, u: -20.109, v: -89.758
CIELCH / LCHab
L: 47.323, C: 60.907, H: 287.295
CIELUV / LCHuv
L: 47.323, C: 91.983, H: 257.372
Hunter-Lab
L: 40.332, a: 12.388, b: -65.507
CIECAM02
J: 35.724, C: 63.167, h: 256.812, Q: 117.758, M: 55.239, s: 68.490, H: 309.439
OSA-UCS
lightness: -10.485, jaune: -10.373, green: 2.247
LMS
L: 10.370, M: 14.812, S: 62.986
YCbCr
Y: 105.502, Cb: 180.913, Cr: 97.859
YCgCo
Y: 120.750, Cg: -12.750, Co: -24.750
YDbDr
Y: 104.194, Db: 160.699, Dr: 91.667
YPbPr
Y: 104.340, Pb: 57.480, Pr: -30.738
xvYCC
Y: 105.610, Cb: 178.492, Cr: 100.999
YIQ
Y: 104.194, I: -64.067, Q: 21.051
YUV
Y: 104.194, U: 52.560, V: -42.281
Munsell Color System
7.5PB 4/12 ΔE = 6.401
Brand Color
Designer News ΔE = 2.237

Random Colors

Red

Green

Blue