Colour code #122D85

#122D85
rgb(18, 45, 133)
rgb(7.1%, 17.6%, 52.2%)

RGB value of #122D85 colour is rgb(18, 45, 133) where red value is 18, green value is 45 and the blue value is 133.

Max value from RGB for colour #122D85 is 133 which contains mainly Blue colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #122D85 hue angle of 225.9°, saturation:76.2% and the lightness value is 29.6%.

The process colour (four Colour CMYK) of #122D85 colour is Cyan = 0.86, Magento = 0.66, Yellow = 0, and Key/Black (K on CMYK) = 0.48.

Hex color #122D85 is not a web safe color. Nearby web safe colour of #122D85 is #003399.

Grayscale color of #122D85 is #2E2E2E

Inverted color of #122D85 is #EDD27A

OLE colour (RGB Long) of #122D85 is 8727826

Decimal Value of #122D85 is 1191301

Android / android.graphics.Color of #122D85 is -15585915 / 0xFF122D85

The following declarations are allowed (CSS 3.0) for #122D85

Hex Triplets
#122D85
RGB Decimal
rgb(18, 45, 133)
RGB Percent
rgb(7.06%, 17.65%, 52.16%)
RGBA
rgba(18, 45, 133, 1)
HSL
hsl(225.9, 76.2%, 29.6%)
HSLA
hsla(225.9, 76.2%, 29.6%, 1)

Colour spaces of #122D85

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 18
    7.06%
    G = 45
    17.65%
    B = 133
    52.16%

    C = 92.94%
    0.92941176470588
    M = 82.35%
    0.82352941176471
    Y = 47.84%
    0.47843137254902
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 225.9°
    0.62753623188406
    S = 76.2%
    0.76158940397351
    L = 29.6%
    0.29607843137255
  • HSV (HSB) – hue, saturation, brightness/value
    H = 225.9°
    0.62753623188406
    S = 86.47%
    0.86466165413534
    V = 52.16%
    0.52156862745098
  • CMYK – cyan, magenta, yellow, key/black
    C = 86.47
    0.86466165413534
    M = 66.17
    0.66165413533835
    Y = 0
    0
    K = 47.84
    0.47843137254902
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 5.421
    5.4214779768286
    Y = 3.699
    3.6988255831881
    Z = 22.619
    22.618502447124

    Yxy
    CIE (x, y, Y)
    Y = 3.699
    3.6988255831881
    x = 0.171
    0.17081543570381
    y = 0.117
    0.11653953152352

    Hunter-Lab
    Hunter 1948 colour space
    L = 19.23
    19.232331068251
    a = 16.66
    16.661492601642
    b = -56.27
    -56.266357698742

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 22.65
    22.649683348888
    a = 25.88
    25.876560681764
    b = -51.81
    -51.811574940313

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 22.6497
    22.649683348888
    u = -8.662
    -8.6619541042947
    v = -61.7737
    -61.77369672266

    CIELCH
    Cylindrical representation
    L = 22.6497
    22.649683348888
    C = 57.914
    57.914037076625
    H = 296.5392
    296.53918901101

    YIQ
    Luma In-phase Quadrature
    Y = 0.1842
    0.18415294117647
    I = -0.1739
    -0.17388235294118
    Q = 0.0849
    0.084878431372549

Base Numbers

Base Red Green Blue
Binary 00010010 00101101 10000101
Octal 22 55 205
Decimal 18 45 133
Hex 12 2D 85


Colour Harmonies : #122D85 colour combinations

Complementary colour scheme for #122D85

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 #122D85 colour is calculated by adding 180° to the value of the current hue: 225.9° → 405.9° (+180°)

Split-complementary colour scheme for #122D85

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 #122D85 are calculated by changing the hue by ±5/12 (±150°): 225.9° → 75.9° (225.9°-150°), 375.9° (225.9°+150°).

Triadic colours scheme for #122D85

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 #122D85 are calculated by changing the hue by ±1/3 (±120°): 225.9° → 105.9° (225.9°-120°), 345.9° (225.9°+120°).

Tetradic (Rectangle) colour scheme for #122D85

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 #122D85 are calculated by changing the hue as follows : 225.9° → 345.9° (225.9°+120°), 405.9° (225.9°+180°), 525.9° (225.9°+300°).


Four tetradic scheme colours (counter-clockwise) for #122D85 are calculated by changing the hue as follows : 225.9° → 105.9° (225.9°-120°), 45.9° (225.9°-180°), -74.1° (225.9°-300°).

Tetradic Square Colour Scheme for #122D85

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 #122D85 are calculated by changing the hue by 1/4 (90°) progressively : 225.9° → 315.9° (225.9°+90°), 405.9° (225.9°+180°), 495.9° (225.9°+270°).

Analagous colours of #122D85

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 #122D85 are calculated by changing the hue by ±1/12 (i.e. 30°): 225.9° → 255.9° (225.9°+30°), 195.9° (225.9°-30°).

RGB Variations of #122D85

(R:12, G:2D, B:12)

Monochromatic colours of #122D85

Shade Colour Variation of #122D85 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #122D85 (Brighter)

Tint is created by mixing white to any pure color

Tones of #122D85 colour with more saturation

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

Tones of #122D85 colour with less saturation

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

#122D85 Colour in CSS Codes


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

Text with hexadecimal font colour #122D85

This sample text font Colour is #122D85
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:#122D85">Text here</p>


#122D85 Background Colour

This div background Colour is #122D85


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


#122D85 Border Colour

This div border Colour is #122D85


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(18, 45, 133, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #122D85;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #122D85;
    -webkit-box-shadow: 1px 1px 3px 2px #122D85;
    box-shadow: 1px 1px 3px 2px #122D85;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(18, 45, 133, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 122D85



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

Colour Palettes with #122D85

Colour Compositions

RGB % of Colour #122D85

CMYK % of Colour #122D85

Related Colours along with #122D85

Black background

Sample text in #122D85 colour with black background colour.

White background

Sample text in #122D85 colour with white background colour.

#122D85 over22 #003399

Sample text in #122D85 colour with #003399 background colour.

#003399 over 122D85

Sample text in #003399 colour with #122D85 background colour.

#122D85 over22 #12852D

Sample text in #122D85 colour with #12852D background colour.

#12852D over 122D85

Sample text in #12852D colour with #122D85 background colour.

#122D85 over22 #12856A

Sample text in #122D85 colour with #12856A background colour.

#12856A over 122D85

Sample text in #12856A colour with #122D85 background colour.

#122D85 over22 #2D1285

Sample text in #122D85 colour with #2D1285 background colour.

#2D1285 over 122D85

Sample text in #2D1285 colour with #122D85 background colour.

#122D85 over22 #2D8512

Sample text in #122D85 colour with #2D8512 background colour.

#2D8512 over 122D85

Sample text in #2D8512 colour with #122D85 background colour.

#122D85 over22 #2E2E2E

Sample text in #122D85 colour with #2E2E2E background colour.

#2E2E2E over 122D85

Sample text in #2E2E2E colour with #122D85 background colour.

#122D85 over22 #6A1285

Sample text in #122D85 colour with #6A1285 background colour.

#6A1285 over 122D85

Sample text in #6A1285 colour with #122D85 background colour.

#122D85 over22 #85122D

Sample text in #122D85 colour with #85122D background colour.

#85122D over 122D85

Sample text in #85122D colour with #122D85 background colour.

#122D85 over22 #852D12

Sample text in #122D85 colour with #852D12 background colour.

#852D12 over 122D85

Sample text in #852D12 colour with #122D85 background colour.

#122D85 over22 #856A12

Sample text in #122D85 colour with #856A12 background colour.

#856A12 over 122D85

Sample text in #856A12 colour with #122D85 background colour.

#122D85 over22 #EDD27A

Sample text in #122D85 colour with #EDD27A background colour.

#EDD27A over 122D85

Sample text in #EDD27A colour with #122D85 background colour.

#122D85 over22 #128530

Sample text in #122D85 colour with #128530 background colour.

#128530 over 122D85

Sample text in #128530 colour with #122D85 background colour.

#122D85 over22 #668512

Sample text in #122D85 colour with #668512 background colour.

#668512 over 122D85

Sample text in #668512 colour with #122D85 background colour.

#122D85 over22 #851266

Sample text in #122D85 colour with #851266 background colour.

#851266 over 122D85

Sample text in #851266 colour with #122D85 background colour.

#122D85 over22 #853012

Sample text in #122D85 colour with #853012 background colour.

#853012 over 122D85

Sample text in #853012 colour with #122D85 background colour.