Colour code #221188

#221188
rgb(34, 17, 136)
rgb(13.3%, 6.7%, 53.3%)

RGB value of #221188 colour is rgb(34, 17, 136) where red value is 34, green value is 17 and the blue value is 136.

Max value from RGB for colour #221188 is 136 which contains mainly Blue colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #221188 hue angle of 248.6°, saturation:77.8% and the lightness value is 30%.

The process colour (four Colour CMYK) of #221188 colour is Cyan = 0.75, Magento = 0.88, Yellow = 0, and Key/Black (K on CMYK) = 0.47.

Hex color #221188 is not a web safe color. Nearby web safe colour of #221188 is #330099.

Grayscale color of #221188 is #232323

Inverted color of #221188 is #DDEE77

OLE colour (RGB Long) of #221188 is 8917282

Decimal Value of #221188 is 2232712

Android / android.graphics.Color of #221188 is -14544504 / 0xFF221188

The following declarations are allowed (CSS 3.0) for #221188

Hex Triplets
#221188
RGB Decimal
rgb(34, 17, 136)
RGB Percent
rgb(13.33%, 6.67%, 53.33%)
RGBA
rgba(34, 17, 136, 1)
HSL
hsl(248.6, 77.8%, 30%)
HSLA
hsla(248.6, 77.8%, 30%, 1)

Colour spaces of #221188

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 34
    13.33%
    G = 17
    6.67%
    B = 136
    53.33%

    C = 86.67%
    0.86666666666667
    M = 93.33%
    0.93333333333333
    Y = 46.67%
    0.46666666666667
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 248.6°
    0.69047619047619
    S = 77.8%
    0.77777777777778
    L = 30%
    0.3
  • HSV (HSB) – hue, saturation, brightness/value
    H = 248.6°
    0.69047619047619
    S = 87.5%
    0.875
    V = 53.33%
    0.53333333333333
  • CMYK – cyan, magenta, yellow, key/black
    C = 75
    0.75
    M = 87.5
    0.875
    Y = 0
    0
    K = 46.67
    0.46666666666667
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 5.304
    5.3040698899515
    Y = 2.519
    2.5185523847443
    Z = 23.499
    23.499125217936

    Yxy
    CIE (x, y, Y)
    Y = 2.519
    2.5185523847443
    x = 0.169
    0.1693414421146
    y = 0.08
    0.080409063553583

    Hunter-Lab
    Hunter 1948 colour space
    L = 15.87
    15.869947651912
    a = 31.89
    31.88604141143
    b = -76.68
    -76.683584214135

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 18
    18.002301871657
    a = 44.51
    44.508841845016
    b = -61.34
    -61.3419924656

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 18.0023
    18.002301871657
    u = -2.5845
    -2.5845029252888
    v = -62.8996
    -62.899636767162

    CIELCH
    Cylindrical representation
    L = 18.0023
    18.002301871657
    C = 75.7884
    75.788370097491
    H = 305.9641
    305.96408328765

    YIQ
    Luma In-phase Quadrature
    Y = 0.1398
    0.1398
    I = -0.1101
    -0.11006666666667
    Q = 0.1593
    0.15926666666667

Base Numbers

Base Red Green Blue
Binary 00100010 00010001 10001000
Octal 42 21 210
Decimal 34 17 136
Hex 22 11 88


Colour Harmonies : #221188 colour combinations

Complementary colour scheme for #221188

Colors that are opposite each other on the color wheel are considered to be complementary colors. The high contrast of complementary colors creates a vibrant look especially when used at full saturation.

In the complementary color scheme, the opposite colour of #221188 colour is calculated by adding 180° to the value of the current hue: 248.6° → 428.6° (+180°)

Split-complementary colour scheme for #221188

The split-complementary colour scheme is a variation of the complementary colour scheme. In addition to the base colour, it uses the two colours adjacent to its complement.This color scheme has the same strong visual contrast as the complementary color scheme, but has less tension.

Split-complementary colours of #221188 are calculated by changing the hue by ±5/12 (±150°): 248.6° → 98.6° (248.6°-150°), 398.6° (248.6°+150°).

Triadic colours scheme for #221188

A triadic colour scheme uses colors that are evenly spaced around the colour wheel. This scheme tend to be quite vibrant, even if you use pale or unsaturated versions of your hues. To use a triadic harmony successfully, the colours should be carefully balanced - let one colour dominate and use the two others for accent.

Equidistant combinations of triadic scheme colours for #221188 are calculated by changing the hue by ±1/3 (±120°): 248.6° → 128.6° (248.6°-120°), 368.6° (248.6°+120°).

Tetradic (Rectangle) colour scheme for #221188

The rectangle or tetradic color scheme uses four colors arranged into two complementary pairs.This schemes works best if one color is dominant, while the rest serve as extras.

Four tetradic scheme colours (clockwise) for #221188 are calculated by changing the hue as follows : 248.6° → 368.6° (248.6°+120°), 428.6° (248.6°+180°), 548.6° (248.6°+300°).


Four tetradic scheme colours (counter-clockwise) for #221188 are calculated by changing the hue as follows : 248.6° → 128.6° (248.6°-120°), 68.6° (248.6°-180°), -51.4° (248.6°-300°).

Tetradic Square Colour Scheme for #221188

The square color scheme is similar to the Tetradic rectangle scheme, but with all four colors spaced evenly around the color circle. Square color schemes works best if you let one color be dominant. You should also pay attention to the balance between warm and cool colors in your design.

Four equidistant tetradic square scheme colours for #221188 are calculated by changing the hue by 1/4 (90°) progressively : 248.6° → 338.6° (248.6°+90°), 428.6° (248.6°+180°), 518.6° (248.6°+270°).

Analagous colours of #221188

Analogous colours are groups of three colors that are next to each other on the colour wheel. They usually match well and create serene and comfortable designs.

Analogous color schemes are often found in nature and are harmonious and pleasing to the eye.

The analogous colours of #221188 are calculated by changing the hue by ±1/12 (i.e. 30°): 248.6° → 278.6° (248.6°+30°), 218.6° (248.6°-30°).

RGB Variations of #221188

(R:22, G:11, B:22)

Monochromatic colours of #221188

Shade Colour Variation of #221188 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #221188 (Brighter)

Tint is created by mixing white to any pure color

Tones of #221188 colour with more saturation

A tone is produced by adding gray to any pure hue.

Tones of #221188 colour with less saturation

A tone is produced by adding gray to any pure hue.

#221188 Colour in CSS Codes


.myforecolor{
    color:#221188;
}
.mybgcolor{
    background-color:#221188;
}
.mybordercolor{
    border:3px solid #221188;
}

Text with hexadecimal font colour #221188

This sample text font Colour is #221188
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog


<p style="color:#221188">Text here</p>


#221188 Background Colour

This div background Colour is #221188


<div style="background-color:#221188">
    Div content here
</div>


#221188 Border Colour

This div border Colour is #221188


<div style="border:3px solid #221188">
    Div content here
</div>

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(34, 17, 136, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #221188;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #221188;
    -webkit-box-shadow: 1px 1px 3px 2px #221188;
    box-shadow: 1px 1px 3px 2px #221188;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(34, 17, 136, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


<p style="text-shadow: 4px 4px 2px #221188">Text here</p>


Div Box Shadow

This div box has shadow with Colour # 221188



<div style="-moz-box-shadow: 1px 1px 3px 2px #221188;
-webkit-box-shadow: 1px 1px 3px 2px #221188;
box-shadow: 1px 1px 3px 2px #221188;">
    Div content here
</div>

Colour Compositions

RGB % of Colour #221188

CMYK % of Colour #221188

Related Colours along with #221188

Black background

Sample text in #221188 colour with black background colour.

White background

Sample text in #221188 colour with white background colour.

#221188 over22 #11885E

Sample text in #221188 colour with #11885E background colour.

#11885E over 221188

Sample text in #11885E colour with #221188 background colour.

#221188 over22 #3C8811

Sample text in #221188 colour with #3C8811 background colour.

#3C8811 over 221188

Sample text in #3C8811 colour with #221188 background colour.

#221188 over22 #88113C

Sample text in #221188 colour with #88113C background colour.

#88113C over 221188

Sample text in #88113C colour with #221188 background colour.

#221188 over22 #DDEE77

Sample text in #221188 colour with #DDEE77 background colour.

#DDEE77 over 221188

Sample text in #DDEE77 colour with #221188 background colour.

#221188 over22 #112288

Sample text in #221188 colour with #112288 background colour.

#112288 over 221188

Sample text in #112288 colour with #221188 background colour.

#221188 over22 #117788

Sample text in #221188 colour with #117788 background colour.

#117788 over 221188

Sample text in #117788 colour with #221188 background colour.

#221188 over22 #118822

Sample text in #221188 colour with #118822 background colour.

#118822 over 221188

Sample text in #118822 colour with #221188 background colour.

#221188 over22 #228811

Sample text in #221188 colour with #228811 background colour.

#228811 over 221188

Sample text in #228811 colour with #221188 background colour.

#221188 over22 #232323

Sample text in #221188 colour with #232323 background colour.

#232323 over 221188

Sample text in #232323 colour with #221188 background colour.

#221188 over22 #330099

Sample text in #221188 colour with #330099 background colour.

#330099 over 221188

Sample text in #330099 colour with #221188 background colour.

#221188 over22 #778811

Sample text in #221188 colour with #778811 background colour.

#778811 over 221188

Sample text in #778811 colour with #221188 background colour.

#221188 over22 #881122

Sample text in #221188 colour with #881122 background colour.

#881122 over 221188

Sample text in #881122 colour with #221188 background colour.

#221188 over22 #881177

Sample text in #221188 colour with #881177 background colour.

#881177 over 221188

Sample text in #881177 colour with #221188 background colour.

#221188 over22 #882211

Sample text in #221188 colour with #882211 background colour.

#882211 over 221188

Sample text in #882211 colour with #221188 background colour.

#221188 over22 #885E11

Sample text in #221188 colour with #885E11 background colour.

#885E11 over 221188

Sample text in #885E11 colour with #221188 background colour.