Encycolorpedia

#22a2fd Hex Color Code

#22a2fd Paint ChipThe hexadecimal color code #22a2fd is a shade of cyan-blue. In the RGB color model #22a2fd is comprised of 13.33% red, 63.53% green and 99.22% blue. In the HSL color space #22a2fd has a hue of 205° (degrees), 98% saturation and 56% lightness. This color has an approximate wavelength of 477.47 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange)

#22a2fd linear gradient to complementary #cdaf52

  1. #22a2fd
  2. #6ca3e1
  3. #8da5c6
  4. #a4a7aa
  5. #b5aa8e
  6. #c2ac71
  7. #cdaf52

Monochromatic Colors

  1. #0085dc
  2. #008ee7
  3. #0098f2
  4. #22a2fd
  5. #38acff
  6. #49b6ff
  7. #58c0ff

Tones

  1. #22a2fd
  2. #4f9fea
  3. #669cd8
  4. #7599c6
  5. #8196b4
  6. #8993a2
  7. #909090

Tints and Shades

#22a2fd to white

  1. #22a2fd
  2. #65b1fe
  3. #8cc0fe
  4. #accfff
  5. #c9dfff
  6. #e5efff
  7. #ffffff

#22a2fd to black

  1. #22a2fd
  2. #2885ce
  3. #2869a1
  4. #244e76
  5. #1e354e
  6. #151e29
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Valspar Paint

    1. ★ Splish Splash
      #0ea5fd
      ΔE = 1.633 / LRV ≈ 34.1%
  2. Fender

    1. 29 / Blue Agave
      #4c9deb
      ΔE = 2.678 / LRV ≈ 31.6%
  3. Natural Color System / NCS

    1. S 1050-R90B
      #4e9eea
      ΔE = 2.772 / LRV ≈ 32.0%

#22a2fd HTML / CSS Code Examples

#22a2fd foreground

A man paints with his brains and not with his hands.

Michelangelo
<p style="color: #22a2fd">…</p>

#22a2fd background

Art is not what you see, but what you make others see.

Edgar Degas
<p style="background-color: #22a2fd">…</p>

#22a2fd shadow

Great art picks up where nature ends.

Marc Chagall
<p style="text-shadow: 0.1em 0.1em 0.15em #22a2fd">…</p>

Color Charts

Color Space Conversions

Decimal
2269949
Binary
00100010, 10100010, 11111101
Hexadecimal
#22a2fd
LRV
≈ 33.3%
Closest short hex
#3af ΔE = 3.184
RGB
rgb(34, 162, 253)
RGBA
rgba(34, 162, 253, 1.0)
rg chromaticity
r: 0.076, g: 0.361, b: 0.563
RYB
red: 0.133%, yellow: 0.450%, blue: 0.992%
Android / android.graphics.Color
-14507267 / 0xff22a2fd
HSL
hsl(205, 98%, 56%)
HSLA
hsla(205, 98%%, 56%%, 1.0)
HSV / HSB
hue: 205° (204.932), saturation: 87% (0.866), value: 99% (0.992)
HSP
hue: 204.932, saturation: 86.561%, perceived brightness: 59.535%
HSLuv (HUSL)
H: 246.386, S: 97.923, L: 64.378
Cubehelix
H: -160.029, S: 1.243, L: 0.524
TSL
T: -2.051, S: 0.348, L: 0.526
CMYK
cyan: 87% (0.866), magenta: 36% (0.360), yellow: 0% (0.000), key: 1% (0.008)
CMY
cyan: 87% (0.867), magenta: 36% (0.365), yellow: 1% (0.008)
XYZ
X: 31.303, Y: 33.269, Z: 97.681
xyY
x: 0.193, y: 0.205, Y: 33.269
CIELab
L: 64.378, a: -1.165, b: -54.309
CIELuv
L: 64.378, u: -38.305, v: -87.616
CIELCH / LCHab
L: 64.378, C: 54.322, H: 268.771
CIELUV / LCHuv
L: 64.378, C: 95.624, H: 246.386
Hunter-Lab
L: 57.679, a: -4.065, b: -60.034
CIECAM02
J: 52.716, C: 66.173, h: 243.349, Q: 143.048, M: 57.868, s: 63.603, H: 302.758
OSA-UCS
lightness: -10.350, jaune: -9.459, green: 4.489
LMS
L: 21.367, M: 35.045, S: 96.606
YCbCr
Y: 131.180, Cb: 186.893, Cr: 65.347
YCgCo
Y: 152.750, Cg: 9.250, Co: -46.250
YDbDr
Y: 134.102, Db: 178.903, Dr: 190.371
YPbPr
Y: 141.288, Pb: 60.220, Pr: -68.186
xvYCC
Y: 137.341, Cb: 180.899, Cr: 68.103
YIQ
Y: 134.102, I: -105.487, Q: 1.247
YUV
Y: 134.102, U: 58.510, V: -87.821
Munsell Color System
5PB 6/10 ΔE = 8.713
Brand Color
Disqus (blue) ΔE = 3.576

Random Colors

Red

Green

Blue