ColorHexa

#2222ff hex color code

#2222ff Color Informations

This page lists more detailed information about the hex color code #2222ff. In a RGB color space, hex #2222ff is composed of 34(13.33%) red, 34(13.33%) green and 255(100%) blue. Its decimal value is 2237183. In a CMYK color space, it is consist of 86.67% cyan, 86.67% magenta, 0% yellow and 0% black. It has a hue angle of 240 degrees, a saturation of 100% and a lightness of 56.67%.

Color #2222ff contains mostly Blue color, is a cool color and closest websafe color is #3333ff. #2222ff color hex could be obtained by blending #4444ff with #0000ff. Color #2222ff look like palatinate blue #273be2 color. Other more detailed information such as description, conversion, analysis, schemes, shades & tines, tones, alternatives, preview in css/html and background images of this color, please browses the following content.

#2222ff color image #2222ff rgb color chart bar #2222ff cmyk color chart bar

#2222ff color description : luminous vivid blue.

#2222ff Color Conversion

    • Hex triplet 22, 22, ff
    • RGB Decimal 34, 34, 255
    • RGB Octal 042, 042, 377
    • RGB Binary 00100010, 00100010, 11111111
    • RGB Percent 13.33%, 13.33%, 100%
    • XYZ 19.2817, 8.7041, 95.2715
    • xyY 0.1564, 0.0706, 8.7041
    • CMYK 86.67%, 86.67%, 0%, 0%
    • HSL 240°, 100, 56.67
    • HSV(HSB) 240°, 86.67, 100
    • CIE-L*AB 35.408, 72.204, -102.657
    • CIE-L*CH 35.408, 125.507, 305.121
    • CIE-L*UV 35.408, -9.577, -132.809
    • Hunter-Lab 29.503, 65.03, -170.81

#2222ff Color Analysis

R-G-B component
  • #2222ff #2222ff
    rgb(34,34,255)
  • #6b6b6b Average: #6b6b6b
    rgb(107,107,107)
  • #313131 Luma: #313131
    rgb(49,49,49)
  • #3b3b3b rec601 Luma: #3b3b3b
    rgb(59,59,59)
Grayscale
  • #2222ff #2222ff
    rgb(34,34,255)
  • #3333ff Closest websafe: #3333ff
    rgb(51,51,255)
  • #273be2 Closest named color: palatinate blue #273be2
    rgb(39,59,226)
  • #dddd00 Inverse color: #dddd00
    rgb(221,221,0)
Closest websafe and named color, Inverse

Color Schemes with #2222ff

Complementary Color of #2222ff is #ffff22. Split Complementary Colors of #2222ff are #91ff22 and #ff9122. Analogous Colors of #2222ff are #2291ff and #9122ff. Triadic Colors of #2222ff are #22ff22 and #ff2222

Complementary Color
Split Complementary Color
Analogous Color
Triadic Color
Tetradic Color
Monochromatic Color

Shades and Tints of #2222ff

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #00000e is the darkest color, while #fafaff is the lightest one.

Shade Color Variation
Tint Color Variation

Tones of #2222ff

A tone is produced by adding gray to any pure hue. In this case, #919191 is the less saturated color, while #2b2bf7 is the most saturated one.

Tone Color Variation

Alternatives to #2222ff

Below, site show some colors close to #2222ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

Similar Color

#2222ff Preview in HTML

Text with hexadecimal color #2222ff

This text has a font color of #2222ff.

<span style="color:#2222ff;">Text here</span>
Text shadow with hexadecimal color #2222ff

#2222ff Text Shadow.

<span style="text-shadow:2px 2px 3px #2222ff;">Text here</span>
#2222ff background color

This paragraph has a background color of #2222ff.

<p style="background-color:#2222ff;">Content here</p>
#2222ff border color

This element has a border color of #2222ff.

<div style="border:1px solid #2222ff;">Content here</div>
CSS codes with #2222ff color
.text{color:#2222ff;}
.background{background-color:#2222ff;}
.border{border:1px solid #2222ff;}

Download #2222ff color images

Solid color background with hex color code #2222ff. Background is available in various resolutions for view and download. You are free to use these backgrounds for personal and commercial projects. Preview(size 320x320) - Facebook(180x180) - Twitter(73x73) - Google+(250x250) - iPhone(320x480) - 32x32 - 48x48 - 64x64 - 100x100 - 160x600 - 200x200 - 300x250 - 300x300 - 320x50 - 320x320 - 336x280 - 400x300 - 400x400 - 500x500 - 600x600 - 640x480 - 640x960 - 640x1136 - 700x700 - 728x90 - 800x600 - 851x315 - 1024x600 - 1024x768 - 1024x1024 - 1152x864 - 1200x600 - 1280x720 - 1280x768 - 1280x800 - 1280x960 - 1280x1024 - 1360x768 - 1366x768 - 1440x900 - 1400x1050 - 1600x900 - 1600x1200 - 1680x1050 - 1920x1080 - 1920x1200 - 2048x1536 - 2048x2048 - 2560x1440 - 2560x1600 - 2880x1800 -

Random color codes