Encycolorpedia

#22aaff / #2af Hex Color Code

#22aaff Paint ChipThe hexadecimal color code #22aaff / #2af is a shade of cyan-blue. In the RGB color model #22aaff is comprised of 13.33% red, 66.67% green and 100% blue. In the HSL color space #22aaff has a hue of 203° (degrees), 100% saturation and 57% lightness. This color has an approximate wavelength of 478.44 nm.

Color Variations

Related Named Colors

Color Schemes

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

#22aaff linear gradient to complementary #cba756

  1. #22aaff
  2. #6ca9e3
  3. #8da8c7
  4. #a3a8ac
  5. #b4a790
  6. #c1a774
  7. #cba756

Monochromatic Colors

  1. #008bdd
  2. #0095e8
  3. #00a0f4
  4. #22aaff
  5. #39b4ff
  6. #4bbfff
  7. #5acaff

Tones

  1. #22aaff
  2. #4fa6ec
  3. #66a1da
  4. #769dc7
  5. #8299b5
  6. #8a95a3
  7. #919191

Tints and Shades

#22aaff to white

  1. #22aaff
  2. #65b7ff
  3. #8cc5ff
  4. #add3ff
  5. #cae2ff
  6. #e5f0ff
  7. #ffffff

#22aaff to black

  1. #22aaff
  2. #288bd0
  3. #286ea2
  4. #245277
  5. #1e374f
  6. #151f29
  7. #000000

Paints

Similar Paints

  1. Valspar Paint

    1. ★ Splish Splash
      #0ea5fd
      ΔE = 1.931 / LRV ≈ 34.1%
    2. Ocean Sigh
      #2ba6f1
      ΔE = 2.669 / LRV ≈ 34.1%

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

#22aaff HTML / CSS Code Examples

#22aaff foreground

Art is a collaboration between God and the artist, and the less the artist does the better.

Andre Gide
<p style="color: #2af">…</p>

#22aaff background

It is a widely accepted notion among painters that it does not matter what one paints as long as it is well painted. This is the essence of academicism. There is no such thing as good painting about nothing.

Mark Rothko
<p style="background-color: #2af">…</p>

#22aaff shadow

Every artist dips his brush in his own soul, and paints his own nature into his pictures.

Henry Ward Beecher
<p style="text-shadow: 0.1em 0.1em 0.15em #2af">…</p>

Color Charts

Color Space Conversions

Decimal
2271999
Binary
00100010, 10101010, 11111111
Hexadecimal
#22aaff / #2af
LRV
≈ 36.3%
RGB
rgb(34, 170, 255)
RGBA
rgba(34, 170, 255, 1.0)
rg chromaticity
r: 0.074, g: 0.370, b: 0.556
RYB
red: 0.133%, yellow: 0.463%, blue: 1.000%
Android / android.graphics.Color
-14505217 / 0xff22aaff
HSL
hsl(203, 100%, 57%)
HSLA
hsla(203, 100%, 57%, 1.0)
HSV / HSB
hue: 203° (203.077), saturation: 87% (0.867), value: 100% (1.000)
HSP
hue: 203.077, saturation: 86.667%, perceived brightness: 61.661%
HSLuv (HUSL)
H: 243.875, S: 99.987, L: 66.752
Cubehelix
H: -162.309, S: 1.261, L: 0.543
TSL
T: -1.995, S: 0.351, L: 0.545
CMYK
cyan: 87% (0.867), magenta: 33% (0.333), yellow: 0% (0.000), key: 0% (0.000)
CMY
cyan: 87% (0.867), magenta: 33% (0.333), yellow: 0% (0.000)
XYZ
X: 33.077, Y: 36.305, Z: 99.853
xyY
x: 0.195, y: 0.215, Y: 36.305
CIELab
L: 66.752, a: -4.996, b: -51.634
CIELuv
L: 66.752, u: -40.795, v: -83.180
CIELCH / LCHab
L: 66.752, C: 51.875, H: 264.473
CIELUV / LCHuv
L: 66.752, C: 92.645, H: 243.875
Hunter-Lab
L: 60.254, a: -7.454, b: -56.078
CIECAM02
J: 55.329, C: 65.061, h: 240.846, Q: 146.551, M: 56.895, s: 62.308, H: 301.562
OSA-UCS
lightness: -10.323, jaune: -8.946, green: 4.740
LMS
L: 23.620, M: 38.964, S: 98.788
YCbCr
Y: 135.408, Cb: 185.443, Cr: 62.261
YCgCo
Y: 157.250, Cg: 12.750, Co: -46.750
YDbDr
Y: 139.026, Db: 174.505, Dr: 199.733
YPbPr
Y: 147.152, Pb: 58.140, Pr: -71.910
xvYCC
Y: 142.378, Cb: 179.072, Cr: 64.832
YIQ
Y: 139.026, I: -108.325, Q: -2.312
YUV
Y: 139.026, U: 57.071, V: -92.141
Munsell Color System
5PB 6/10 ΔE = 7.926
Brand Color
Disqus (blue) ΔE = 5.208

Random Colors

Red

Green

Blue