Encycolorpedia

#22cfff Hex Color Code

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

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange)

#22cfff linear gradient to complementary #fc7325

  1. #22cfff
  2. #87c1db
  3. #b1b4b7
  4. #cca594
  5. #e09671
  6. #f0854e
  7. #fc7325

Monochromatic Colors

  1. #00aad8
  2. #00b6e5
  3. #00c2f2
  4. #22cfff
  5. #3ddcff
  6. #51e9ff
  7. #63f6ff

Tones

  1. #22cfff
  2. #51c5ec
  3. #68bad9
  4. #78b0c7
  5. #83a5b5
  6. #8b9ba3
  7. #919191

Tints and Shades

#22cfff to White

  1. #22cfff
  2. #67d7ff
  3. #8fdfff
  4. #afe7ff
  5. #cbefff
  6. #e6f7ff
  7. #ffffff

#22cfff to Black

  1. #22cfff
  2. #28a9d0
  3. #2985a2
  4. #256277
  5. #1f414e
  6. #152329
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

#22cfff HTML / CSS Code Examples

#22cfff foreground

Painting is easy when you don't know how, but very difficult when you do.

Edgar Degas
<p style="color: #22cfff">…</p>

#22cfff background

It is not the language of painters but the language of nature which one should listen to, the feeling for the things themselves, for reality, is more important than the feeling for pictures.

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

#22cfff shadow

I want to touch people with my art. I want them to say 'he feels deeply, he feels tenderly.'.

Vincent Van Gogh
<p style="text-shadow: 0.1em 0.1em 0.15em #22cfff">…</p>

Color Charts

Color Space Conversions

Decimal
2281471
Binary
00100010, 11001111, 11111111
Hexadecimal
#22cfff
Closest short hex
#0cf ΔE = 1.366
RGB
rgb(34, 207, 255)
RGBA
rgba(34, 207, 255, 1.0)
rg chromaticity
r: 0.069, g: 0.417, b: 0.514
RYB
red: 0.133%, yellow: 0.514%, blue: 1.000%
Android / android.graphics.Color
-14495745 / 0xff22cfff
HSL
hsl(193, 100%, 57%)
HSLA
hsla(193, 100%%, 57%%, 1.0)
HSV / HSB
hue: 193° (193.032), saturation: 87% (0.867), value: 100% (1.000)
HSP
hue: 193.032, saturation: 86.667%, perceived brightness: 71.143%
HSLuv (HUSL)
H: 225.204, S: 99.985, L: 77.389
Cubehelix
H: -174.361, S: 1.383, L: 0.629
TSL
T: -1.735, S: 0.373, L: 0.630
CMYK
cyan: 87% (0.867), magenta: 19% (0.188), yellow: 0% (0.000), key: 0% (0.000)
CMY
cyan: 87% (0.867), magenta: 19% (0.188), yellow: 0% (0.000)
XYZ
X: 41.015, Y: 52.180, Z: 102.498
xyY
x: 0.210, y: 0.267, Y: 52.180
CIELab
L: 77.389, a: -24.700, b: -34.997
CIELuv
L: 77.389, u: -53.130, v: -53.509
CIELCH / LCHab
L: 77.389, C: 42.836, H: 234.787
CIELUV / LCHuv
L: 77.389, C: 75.406, H: 225.204
Hunter-Lab
L: 72.236, a: -25.062, b: -33.564
CIECAM02
J: 67.595, C: 58.735, h: 223.825, Q: 161.982, M: 51.363, s: 56.311, H: 283.913
OSA-UCS
lightness: -10.189, jaune: -5.865, green: 6.087
LMS
L: 35.827, M: 60.343, S: 101.630
YCbCr
Y: 154.056, Cb: 174.676, Cr: 48.645
YCgCo
Y: 175.750, Cg: 31.250, Co: -46.750
YDbDr
Y: 160.745, Db: 141.834, Dr: 241.025
YPbPr
Y: 173.607, Pb: 43.895, Pr: -88.708
xvYCC
Y: 165.098, Cb: 166.559, Cr: 50.076
YIQ
Y: 160.745, I: -118.479, Q: -21.647
YUV
Y: 160.745, U: 46.384, V: -111.195
Munsell Color System
10B 7/8 ΔE = 5.930
Brand Color
QUOTE.fm ΔE = 4.788

Random Colors

Red

Green

Blue