Encycolorpedia

#2222ff / #22f Hex Color Code

#2222ff Paint ChipThe hexadecimal color code #2222ff / #22f is a shade of blue-magenta. In the RGB color model #2222ff is comprised of 13.33% red, 13.33% green and 100% blue. In the HSL color space #2222ff has a hue of 240° (degrees), 100% saturation and 57% lightness. This color has an approximate wavelength of 464.2 nm.

Buy Paint Buy paint matching this color

Stock Photos / Images / Pictures

Save 15% on iStock monthly subscription with code MONTHLY15.

  1. Catania, Sicily island, Italy: Night view of the Cathedral of Santa Agatha
  2. Light leak

Color Variations

Related Named Colors

Color Schemes

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

#2222ff linear gradient to complementary #22ff22

  1. #2222ff / #22f
  2. #6051e3
  3. #7676c7
  4. #7d99a9
  5. #78bb89
  6. #63dd63
  7. #22ff22 / #2f2

Monochromatic Colors

  1. #000ded
  2. #0015f3
  3. #081cf9
  4. #2222ff / #22f
  5. #3128ff
  6. #3d2eff
  7. #4733ff

Tones

  1. #2222ff / #22f
  2. #5439ed
  3. #6c4ddb
  4. #7c5fc9
  5. #8670b7
  6. #8d81a4
  7. #919191

Tints and Shades

#2222ff to white

  1. #2222ff / #22f
  2. #6b4aff
  3. #946eff
  4. #b492ff
  5. #cfb6ff
  6. #e8daff
  7. #ffffff / #fff

#2222ff to black

  1. #2222ff / #22f
  2. #2a20d0
  3. #2a1ca3
  4. #271977
  5. #20144f
  6. #170e2a
  7. #000000 / #000

Paints

Similar Paints

  1. Caparol

    1. ★ 67 35 272 / Ultramarinblau 20
      #342cfc
      ΔE = 1.876 / LRV ≈ 9.6%
  2. Ford

    1. Blue
      #0000ff / #00f
      ΔE = 3.472 / LRV ≈ 7.2%
  3. Tamiya

    1. Tamiya 85306, MS-6
      #4429d0
      ΔE = 4.864 / LRV ≈ 7.4%

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

#2222ff HTML / CSS Code Examples

#2222ff foreground

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

Henry David Thoreau
<p style="color: #22f">…</p>

#2222ff background

No great artist ever sees things as they really are. If he did, he would cease to be an artist.

Oscar Wilde
<p style="background-color: #22f">…</p>

#2222ff shadow

If people knew how hard I worked to get my mastery, it wouldn't seem so wonderful at all.

Michelangelo
<p style="text-shadow: 0.1em 0.1em 0.15em #22f">…</p>

Color Charts

Color Space Conversions

Decimal
2237183
Binary
00100010, 00100010, 11111111
Hexadecimal
#2222ff / #22f
LRV
≈ 8.7%
RGB
rgb(34, 34, 255)
RGBA
rgba(34, 34, 255, 1.0)
rg chromaticity
r: 0.105, g: 0.105, b: 0.789
RYB
red: 13.333%, yellow: 13.333%, blue: 100.000%
Android / android.graphics.Color
-14540033 / 0xff2222ff
HSL
hsl(240, 100%, 57%)
HSLA
hsla(240, 100%, 57%, 1.0)
HSV / HSB
hue: 240° (240.000), saturation: 87% (0.867), value: 100% (1.000)
HSP
hue: 240.000, saturation: 86.667%, perceived brightness: 36.021%
HSLuv (HUSL)
H: 265.873, S: 99.996, L: 35.403
Cubehelix
H: -123.058, S: 2.220, L: 0.229
TSL
T: -2.951, S: 0.433, L: 0.232
CMYK
cyan: 87% (0.867), magenta: 87% (0.867), yellow: 0% (0.000), key: 0% (0.000)
CMY
cyan: 87% (0.867), magenta: 87% (0.867), yellow: 0% (0.000)
XYZ
X: 19.276, Y: 8.702, Z: 95.252
xyY
x: 0.156, y: 0.071, Y: 8.702
CIELab
L: 35.403, a: 72.193, b: -102.653
CIELuv
L: 35.403, u: -9.582, v: -132.795
CIELCH / LCHab
L: 35.403, C: 125.497, H: 305.118
CIELUV / LCHuv
L: 35.403, C: 133.141, H: 265.873
Hunter-Lab
L: 29.499, a: 65.016, b: -170.800
CIECAM02
J: 24.149, C: 88.764, h: 261.006, Q: 96.819, M: 77.623, s: 89.540, H: 311.612
OSA-UCS
lightness: -10.990, jaune: -19.181, green: 4.100
LMS
L: 2.394, M: 1.790, S: 93.847
YCbCr
Y: 66.864, Cb: 225.019, Cr: 112.309
YCoCg
Y: 89.250, Cg: -55.250, Co: -46.750
YDbDr
Y: 59.194, Db: 294.593, Dr: 47.957
YPbPr
Y: 49.912, Pb: 110.500, Pr: -10.166
xvYCC
Y: 58.866, Cb: 225.067, Cr: 119.070
YIQ
Y: 59.194, I: -70.999, Q: 68.761
YUV
Y: 59.194, U: 96.356, V: -22.102
Munsell Color System
10PB 4/12 ΔE = 26.446
Brand Color
Behance ΔE = 5.012

Random Colors

Red

Green

Blue