Encycolorpedia

#22a1ff Hex Color Code

#22a1ff Paint ChipThe hexadecimal color code #22a1ff is a shade of cyan-blue. In the RGB color model #22a1ff is comprised of 13.33% red, 63.14% green and 100% blue. In the HSL color space #22a1ff has a hue of 206° (degrees), 100% saturation and 57% lightness. This color has an approximate wavelength of 477.15 nm.

Color Variations

Related Named Colors

Color Schemes

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

#22a1ff linear gradient to complementary #d0b451

  1. #22a1ff
  2. #6da3e3
  3. #8fa6c7
  4. #a6a9ab
  5. #b7ac8f
  6. #c5b071
  7. #d0b451

Monochromatic Colors

  1. #0084de
  2. #008de9
  3. #0097f4
  4. #22a1ff
  5. #38abff
  6. #49b5ff
  7. #58bfff

Tones

  1. #22a1ff
  2. #4f9eec
  3. #669bda
  4. #7699c7
  5. #8296b5
  6. #8a93a3
  7. #919191

Tints and Shades

#22a1ff to white

  1. #22a1ff
  2. #65b0ff
  3. #8cbfff
  4. #adceff
  5. #cadeff
  6. #e5efff
  7. #ffffff

#22a1ff to black

  1. #22a1ff
  2. #2884d0
  3. #2868a2
  4. #244e77
  5. #1e354f
  6. #151d29
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Valspar Paint

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

    1. 29 / Blue Agave
      #4c9deb
      ΔE = 2.870 / LRV ≈ 31.6%

#22a1ff HTML / CSS Code Examples

#22a1ff foreground

The aim of art is to represent not the outward appearance of things, but their inward significance.

Aristotle
<p style="color: #22a1ff">…</p>

#22a1ff background

The only time I feel alive is when I'm painting.

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

#22a1ff shadow

It's not what you look at that matters, it's what you see.

Henry David Thoreau
<p style="text-shadow: 0.1em 0.1em 0.15em #22a1ff">…</p>

Color Charts

Color Space Conversions

Decimal
2269695
Binary
00100010, 10100001, 11111111
Hexadecimal
#22a1ff
LRV
≈ 33.0%
Closest short hex
#49e ΔE = 3.139
RGB
rgb(34, 161, 255)
RGBA
rgba(34, 161, 255, 1.0)
rg chromaticity
r: 0.076, g: 0.358, b: 0.567
RYB
red: 0.133%, yellow: 0.450%, blue: 1.000%
Android / android.graphics.Color
-14507521 / 0xff22a1ff
HSL
hsl(206, 100%, 57%)
HSLA
hsla(206, 100%, 57%, 1.0)
HSV / HSB
hue: 206° (205.520), saturation: 87% (0.867), value: 100% (1.000)
HSP
hue: 205.520, saturation: 86.667%, perceived brightness: 59.440%
HSLuv (HUSL)
H: 247.184, S: 99.988, L: 64.198
Cubehelix
H: -159.305, S: 1.254, L: 0.523
TSL
T: -2.069, S: 0.347, L: 0.524
CMYK
cyan: 87% (0.867), magenta: 37% (0.369), yellow: 0% (0.000), key: 0% (0.000)
CMY
cyan: 87% (0.867), magenta: 37% (0.369), yellow: 0% (0.000)
XYZ
X: 31.448, Y: 33.046, Z: 99.309
xyY
x: 0.192, y: 0.202, Y: 33.046
CIELab
L: 64.198, a: 0.141, b: -55.685
CIELuv
L: 64.198, u: -37.871, v: -90.021
CIELCH / LCHab
L: 64.198, C: 55.685, H: 270.146
CIELUV / LCHuv
L: 64.198, C: 97.662, H: 247.184
Hunter-Lab
L: 57.485, a: -2.951, b: -62.187
CIECAM02
J: 52.510, C: 67.033, h: 244.139, Q: 142.768, M: 58.619, s: 64.077, H: 303.138
OSA-UCS
lightness: -10.360, jaune: -9.715, green: 4.447
LMS
L: 21.113, M: 34.574, S: 98.205
YCbCr
Y: 130.872, Cb: 188.062, Cr: 65.573
YCgCo
Y: 152.750, Cg: 8.250, Co: -46.750
YDbDr
Y: 133.743, Db: 182.452, Dr: 189.689
YPbPr
Y: 140.717, Pb: 61.605, Pr: -67.824
xvYCC
Y: 136.851, Cb: 182.116, Cr: 68.421
YIQ
Y: 133.743, I: -105.855, Q: 2.392
YUV
Y: 133.743, U: 59.671, V: -87.506
Munsell Color System
5PB 6/10 ΔE = 9.425
Brand Color
Disqus (blue) ΔE = 3.263

Random Colors

Red

Green

Blue