Encycolorpedia

#306ed4 Hex Color Code

#306ed4 Paint ChipThe hexadecimal color code #306ed4 is a shade of cyan-blue. In the RGB color model #306ed4 is comprised of 18.82% red, 43.14% green and 83.14% blue. In the HSL color space #306ed4 has a hue of 217° (degrees), 66% saturation and 51% lightness. This color has an approximate wavelength of 472.69 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange)

#306ed4 linear gradient to complementary #f0ff05

  1. #306ed4
  2. #7283bf
  3. #979aa8
  4. #b2b290
  5. #c9cb75
  6. #dee553
  7. #f0ff05

Monochromatic Colors

  1. #005abd
  2. #0f61c4
  3. #2267cc
  4. #306ed4
  5. #3b75dc
  6. #467ce4
  7. #5083ec

Tones

  1. #306ed4
  2. #4c71c6
  3. #5d74b9
  4. #6a77ab
  5. #747b9d
  6. #7c7e90
  7. #828282

Tints and Shades

#306ed4 to White

  1. #306ed4
  2. #6384dc
  3. #879be3
  4. #a7b3eb
  5. #c5ccf2
  6. #e2e5f8
  7. #ffffff

#306ed4 to Black

  1. #306ed4
  2. #2e5bad
  3. #2a4988
  4. #243764
  5. #1d2643
  6. #141724
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Ford

    1. ★ Blue
      #226ad3
      ΔE = 1.663
    2. Blue
      #266dca
      ΔE = 2.398
  2. GM / General Motors

    1. ★ Blue
      #0073de
      ΔE = 2.176
    2. Blue
      #0070d2
      ΔE = 2.568
  3. Caparol

    1. ★ 42/13
      #3468d0
      ΔE = 2.241
    2. 41/08
      #2074d4
      ΔE = 2.893

#306ed4 HTML / CSS Code Examples

#306ed4 foreground

I am seeking. I am striving. I am in it with all my heart.

Vincent van Gogh
<p style="color: #306ed4">…</p>

#306ed4 background

Creativity takes courage.

Henri Matisse
<p style="background-color: #306ed4">…</p>

#306ed4 shadow

If I could say it in words there would be no reason to paint.

Edward Hopper
<p style="text-shadow: 0.1em 0.1em 0.15em #306ed4">…</p>

Color Charts

Color Space Conversions

Decimal
3174100
Binary
00110000, 01101110, 11010100
Hexadecimal
#306ed4
Closest short hex
#36c ΔE = 2.929
RGB
rgb(48, 110, 212)
RGBA
rgba(48, 110, 212, 1.0)
rg chromaticity
r: 0.130, g: 0.297, b: 0.573
RYB
red: 18.824%, yellow: 36.467%, blue: 83.137%
Android / android.graphics.Color
-13603116 / 0xff306ed4
HSL
hsl(217, 66%, 51%)
HSLA
hsla(217, 66%, 51%, 1.0)
HSV / HSB
hue: 217° (217.317), saturation: 77% (0.774), value: 83% (0.831)
HSP
hue: 217.317, saturation: 77.358, perceived brightness: 44.567
HSLuv (HUSL)
H: 256.244, S: 87.672, L: 47.664
Cubehelix
H: -145.139, S: 0.999, L: 0.402
TSL
T: -1.993, S: 0.277, L: 0.404
CMYK
cyan: 77 (0.774), magenta: 48 (0.481), yellow: 0 (0.000), key: 17 (0.169)
CMY
cyan: 81 (0.812), magenta: 57 (0.569), yellow: 17 (0.169)
XYZ
X: 18.674, Y: 16.532, Z: 64.481
xyY
x: 0.187, y: 0.166, Y: 16.532
CIELab
L: 47.664, a: 16.258, b: -58.187
CIELuv
L: 47.664, u: -21.989, v: -89.821
CIELCH / LCHab
L: 47.664, C: 60.416, H: 285.611
CIELUV / LCHuv
L: 47.664, C: 92.473, H: 256.244
Hunter-Lab
L: 40.659, a: 10.830, b: -65.567
CIECAM02
J: 35.948, C: 63.822, h: 254.859, Q: 118.127, M: 55.811, s: 68.736, H: 308.443
OSA-UCS
lightness: -10.480, jaune: -10.360, green: 2.615
LMS
L: 10.315, M: 15.316, S: 63.692
YCbCr
Y: 104.552, Cb: 181.954, Cr: 93.540
YCgCo
Y: 120.000, Cg: -10.000, Co: -29.000
YDbDr
Y: 103.090, Db: 163.866, Dr: 104.780
YPbPr
Y: 104.138, Pb: 58.130, Pr: -35.692
xvYCC
Y: 105.436, Cb: 179.063, Cr: 96.647
YIQ
Y: 103.090, I: -69.703, Q: 18.625
YUV
Y: 103.090, U: 53.595, V: -48.331
Munsell Color System
7.5PB 4/12 ΔE = 6.255
Brand Color
Designer News ΔE = 1.499

Random Colors

Red

Green

Blue