Encycolorpedia

#3a7af0 Hex Color Code

#3a7af0 Paint ChipThe hexadecimal color code #3a7af0 is a shade of cyan-blue. In the RGB color model #3a7af0 is comprised of 22.75% red, 47.84% green and 94.12% blue. In the HSL color space #3a7af0 has a hue of 219° (degrees), 86% saturation and 58% lightness. This color has an approximate wavelength of 472.08 nm.

Color Variations

Related Named Colors

Color Schemes

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

#3a7af0 linear gradient to complementary #eaff2b

  1. #3a7af0
  2. #7a8ed7
  3. #9da3bd
  4. #b7b9a2
  5. #cbd085
  6. #dce762
  7. #eaff2b

Monochromatic Colors

  1. #0063d5
  2. #176bde
  3. #2b72e7
  4. #3a7af0
  5. #4782f9
  6. #528aff
  7. #5d92ff

Tones

  1. #3a7af0
  2. #587ee1
  3. #6c82d2
  4. #7a87c3
  5. #858bb3
  6. #8e90a4
  7. #959595

Tints and Shades

#3a7af0 to white

  1. #3a7af0
  2. #6c8ef3
  3. #8fa4f6
  4. #aebaf9
  5. #cad0fb
  6. #e5e7fd
  7. #ffffff

#3a7af0 to black

  1. #3a7af0
  2. #3665c4
  3. #305099
  4. #293c71
  5. #202a4b
  6. #151828
  7. #000000

Paints

Similar Paints

  1. Ford

    1. ★ Champlaine Blue
      #4c7eed
      ΔE = 1.896 / LRV ≈ 22.6%

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

#3a7af0 HTML / CSS Code Examples

#3a7af0 foreground

Don't think about making art, just get it done. Let everyone else decide if it's good or bad, whether they love it or hate it. While they are deciding, make even more art.

Andy Warhol
<p style="color: #3a7af0">…</p>

#3a7af0 background

Painting is just another way of keeping a diary.

Pablo Picasso
<p style="background-color: #3a7af0">…</p>

#3a7af0 shadow

To create one's own world takes courage.

Georgia O'Keeffe
<p style="text-shadow: 0.1em 0.1em 0.15em #3a7af0">…</p>

Color Charts

Color Space Conversions

Decimal
3832560
Binary
00111010, 01111010, 11110000
Hexadecimal
#3a7af0
LRV
≈ 21.1%
Closest short hex
#37e ΔE = 1.173
RGB
rgb(58, 122, 240)
RGBA
rgba(58, 122, 240, 1.0)
rg chromaticity
r: 0.138, g: 0.290, b: 0.571
RYB
red: 0.227%, yellow: 0.413%, blue: 0.941%
Android / android.graphics.Color
-12944656 / 0xff3a7af0
HSL
hsl(219, 86%, 58%)
HSLA
hsla(219, 86%, 58%, 1.0)
HSV / HSB
hue: 219° (218.901), saturation: 76% (0.758), value: 94% (0.941)
HSP
hue: 218.901, saturation: 75.833%, perceived brightness: 50.081%
HSLuv (HUSL)
H: 257.196, S: 88.907, L: 53.066
Cubehelix
H: -143.335, S: 1.085, L: 0.454
TSL
T: -2.057, S: 0.268, L: 0.456
CMYK
cyan: 76% (0.758), magenta: 49% (0.492), yellow: 0% (0.000), key: 6% (0.059)
CMY
cyan: 77% (0.773), magenta: 52% (0.522), yellow: 6% (0.059)
XYZ
X: 24.427, Y: 21.107, Z: 85.208
xyY
x: 0.187, y: 0.161, Y: 21.107
CIELab
L: 53.066, a: 20.192, b: -65.225
CIELuv
L: 53.066, u: -23.511, v: -103.449
CIELCH / LCHab
L: 53.066, C: 68.279, H: 287.201
CIELUV / LCHuv
L: 53.066, C: 106.087, H: 257.196
Hunter-Lab
L: 45.942, a: 14.507, b: -77.803
CIECAM02
J: 41.138, C: 69.501, h: 256.038, Q: 126.367, M: 60.778, s: 69.352, H: 309.043
OSA-UCS
lightness: -10.497, jaune: -11.642, green: 2.690
LMS
L: 13.130, M: 19.162, S: 84.154
YCbCr
Y: 115.914, Cb: 189.274, Cr: 91.526
YCgCo
Y: 135.500, Cg: -13.500, Co: -31.000
YDbDr
Y: 116.316, Db: 186.094, Dr: 110.918
YPbPr
Y: 116.864, Pb: 66.360, Pr: -37.428
xvYCC
Y: 116.366, Cb: 186.293, Cr: 95.122
YIQ
Y: 116.316, I: -76.035, Q: 23.181
YUV
Y: 116.316, U: 60.866, V: -51.161
Munsell Color System
7.5PB 4/12 ΔE = 11.696
Brand Color
Designer News ΔE = 4.620

Random Colors

Red

Green

Blue