Encycolorpedia

#22bbff / #2bf Hex Color Code

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

Color Variations

Related Named Colors

Color Schemes

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

#22bbff linear gradient to complementary #da9647

  1. #22bbff
  2. #74b5e0
  3. #98afc2
  4. #b0a8a4
  5. #c2a286
  6. #cf9c67
  7. #da9647

Monochromatic Colors

  1. #0099db
  2. #00a4e7
  3. #00b0f3
  4. #22bbff
  5. #3bc6ff
  6. #4ed2ff
  7. #5edeff

Tones

  1. #22bbff
  2. #50b4ec
  3. #67add9
  4. #77a6c7
  5. #829fb5
  6. #8b98a3
  7. #919191

Tints and Shades

#22bbff to white

  1. #22bbff
  2. #66c6ff
  3. #8dd1ff
  4. #addcff
  5. #cae8ff
  6. #e5f3ff
  7. #ffffff

#22bbff to black

  1. #22bbff
  2. #2899d0
  3. #2878a2
  4. #255977
  5. #1e3c4e
  6. #152129
  7. #000000

Paints

Similar Paints

  1. Chrysler

    1. ★ Blue
      #4cb9fa
      ΔE = 1.942 / LRV ≈ 43.1%
  2. Ford

    1. ★ Blue
      #4cb9fa
      ΔE = 1.942 / LRV ≈ 43.1%

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

#22bbff HTML / CSS Code Examples

#22bbff foreground

To practice any art, no matter how well or badly, is a way to make your soul grow. So do it.

Kurt Vonnegut
<p style="color: #2bf">…</p>

#22bbff background

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

Henry David Thoreau
<p style="background-color: #2bf">…</p>

#22bbff shadow

I paint for myself. I don't know how to do anything else, anyway. Also I have to earn my living, and occupy myself.

Francis Bacon
<p style="text-shadow: 0.1em 0.1em 0.15em #2bf">…</p>

Color Charts

Color Space Conversions

Decimal
2276351
Binary
00100010, 10111011, 11111111
Hexadecimal
#22bbff / #2bf
LRV
≈ 43.1%
RGB
rgb(34, 187, 255)
RGBA
rgba(34, 187, 255, 1.0)
rg chromaticity
r: 0.071, g: 0.393, b: 0.536
RYB
red: 0.133%, yellow: 0.488%, blue: 1.000%
Android / android.graphics.Color
-14500865 / 0xff22bbff
HSL
hsl(198, 100%, 57%)
HSLA
hsla(198, 100%, 57%, 1.0)
HSV / HSB
hue: 198° (198.462), saturation: 87% (0.867), value: 100% (1.000)
HSP
hue: 198.462, saturation: 86.667%, perceived brightness: 65.954%
HSLuv (HUSL)
H: 236.354, S: 99.986, L: 71.620
Cubehelix
H: -167.937, S: 1.298, L: 0.583
TSL
T: -1.866, S: 0.360, L: 0.584
CMYK
cyan: 87% (0.867), magenta: 27% (0.267), yellow: 0% (0.000), key: 0% (0.000)
CMY
cyan: 87% (0.867), magenta: 27% (0.267), yellow: 0% (0.000)
XYZ
X: 36.473, Y: 43.096, Z: 100.984
xyY
x: 0.202, y: 0.239, Y: 43.096
CIELab
L: 71.620, a: -14.333, b: -43.973
CIELuv
L: 71.620, u: -46.420, v: -69.747
CIELCH / LCHab
L: 71.620, C: 46.250, H: 251.947
CIELUV / LCHuv
L: 71.620, C: 83.783, H: 236.354
Hunter-Lab
L: 65.648, a: -15.712, b: -45.251
CIECAM02
J: 60.838, C: 61.714, h: 233.677, Q: 153.673, M: 53.968, s: 59.261, H: 295.580
OSA-UCS
lightness: -10.257, jaune: -7.512, green: 5.336
LMS
L: 28.841, M: 48.109, S: 100.004
YCbCr
Y: 143.976, Cb: 180.496, Cr: 56.005
YCgCo
Y: 165.750, Cg: 21.250, Co: -46.750
YDbDr
Y: 149.005, Db: 159.494, Dr: 218.705
YPbPr
Y: 159.307, Pb: 51.595, Pr: -79.628
xvYCC
Y: 152.817, Cb: 173.323, Cr: 58.052
YIQ
Y: 149.005, I: -112.990, Q: -11.196
YUV
Y: 149.005, U: 52.161, V: -100.896
Munsell Color System
2.5PB 6/10 ΔE = 7.665
Brand Color
Engadget ΔE = 4.188

Random Colors

Red

Green

Blue