Colour code #144CBC

#144CBC
rgb(20, 76, 188)
rgb(7.8%, 29.8%, 73.7%)

RGB value of #144CBC colour is rgb(20, 76, 188) where red value is 20, green value is 76 and the blue value is 188.

Max value from RGB for colour #144CBC is 188 which contains mainly Blue colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #144CBC hue angle of 220°, saturation:80.8% and the lightness value is 40.8%.

The process colour (four Colour CMYK) of #144CBC colour is Cyan = 0.89, Magento = 0.6, Yellow = 0, and Key/Black (K on CMYK) = 0.26.

Hex color #144CBC is not a web safe color. Nearby web safe colour of #144CBC is #0033CC.

Grayscale color of #144CBC is #474747

Inverted color of #144CBC is #EBB343

OLE colour (RGB Long) of #144CBC is 12340244

Decimal Value of #144CBC is 1330364

Android / android.graphics.Color of #144CBC is -15446852 / 0xFF144CBC

The following declarations are allowed (CSS 3.0) for #144CBC

Hex Triplets
#144CBC
RGB Decimal
rgb(20, 76, 188)
RGB Percent
rgb(7.84%, 29.8%, 73.73%)
RGBA
rgba(20, 76, 188, 1)
HSL
hsl(220, 80.8%, 40.8%)
HSLA
hsla(220, 80.8%, 40.8%, 1)

Colour spaces of #144CBC

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 20
    7.84%
    G = 76
    29.8%
    B = 188
    73.73%

    C = 92.16%
    0.92156862745098
    M = 70.2%
    0.70196078431373
    Y = 26.27%
    0.26274509803922
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 220°
    0.61111111111111
    S = 80.8%
    0.80769230769231
    L = 40.8%
    0.4078431372549
  • HSV (HSB) – hue, saturation, brightness/value
    H = 220°
    0.61111111111111
    S = 89.36%
    0.8936170212766
    V = 73.73%
    0.73725490196078
  • CMYK – cyan, magenta, yellow, key/black
    C = 89.36
    0.8936170212766
    M = 59.57
    0.59574468085106
    Y = 0
    0
    K = 26.27
    0.26274509803922
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 11.95
    11.95003266401
    Y = 8.948
    8.9484454083758
    Z = 48.674
    48.67433943779

    Yxy
    CIE (x, y, Y)
    Y = 8.948
    8.9484454083758
    x = 0.172
    0.1717629541489
    y = 0.129
    0.12861985080692

    Hunter-Lab
    Hunter 1948 colour space
    L = 29.91
    29.913952277116
    a = 18.96
    18.957805334667
    b = -75.53
    -75.533663547655

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 35.88
    35.884844586856
    a = 26.84
    26.842567293234
    b = -63.47
    -63.467726738757

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 35.8848
    35.884844586856
    u = -15.979
    -15.978960095766
    v = -89.9029
    -89.902859636542

    CIELCH
    Cylindrical representation
    L = 35.8848
    35.884844586856
    C = 68.9106
    68.910636017072
    H = 292.9251
    292.92508378293

    YIQ
    Luma In-phase Quadrature
    Y = 0.2824
    0.28244705882353
    I = -0.2719
    -0.27187450980392
    Q = 0.09
    0.090039215686275

Base Numbers

Base Red Green Blue
Binary 00010100 01001100 10111100
Octal 24 114 274
Decimal 20 76 188
Hex 14 4C BC


Colour Harmonies : #144CBC colour combinations

Complementary colour scheme for #144CBC

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 #144CBC colour is calculated by adding 180° to the value of the current hue: 220° → 400° (+180°)

Split-complementary colour scheme for #144CBC

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 #144CBC are calculated by changing the hue by ±5/12 (±150°): 220° → 70° (220°-150°), 370° (220°+150°).

Triadic colours scheme for #144CBC

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 #144CBC are calculated by changing the hue by ±1/3 (±120°): 220° → 100° (220°-120°), 340° (220°+120°).

Tetradic (Rectangle) colour scheme for #144CBC

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 #144CBC are calculated by changing the hue as follows : 220° → 340° (220°+120°), 400° (220°+180°), 520° (220°+300°).


Four tetradic scheme colours (counter-clockwise) for #144CBC are calculated by changing the hue as follows : 220° → 100° (220°-120°), 40° (220°-180°), -80° (220°-300°).

Tetradic Square Colour Scheme for #144CBC

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 #144CBC are calculated by changing the hue by 1/4 (90°) progressively : 220° → 310° (220°+90°), 400° (220°+180°), 490° (220°+270°).

Analagous colours of #144CBC

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 #144CBC are calculated by changing the hue by ±1/12 (i.e. 30°): 220° → 250° (220°+30°), 190° (220°-30°).

RGB Variations of #144CBC

(R:14, G:4C, B:14)

Monochromatic colours of #144CBC

Shade Colour Variation of #144CBC (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #144CBC (Brighter)

Tint is created by mixing white to any pure color

Tones of #144CBC colour with more saturation

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

Tones of #144CBC colour with less saturation

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

#144CBC Colour in CSS Codes


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

Text with hexadecimal font colour #144CBC

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


#144CBC Background Colour

This div background Colour is #144CBC


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


#144CBC Border Colour

This div border Colour is #144CBC


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(20, 76, 188, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #144CBC;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #144CBC;
    -webkit-box-shadow: 1px 1px 3px 2px #144CBC;
    box-shadow: 1px 1px 3px 2px #144CBC;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(20, 76, 188, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 144CBC



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

Colour Palettes with #144CBC

Colour Compositions

RGB % of Colour #144CBC

CMYK % of Colour #144CBC

Related Colours along with #144CBC

Black background

Sample text in #144CBC colour with black background colour.

White background

Sample text in #144CBC colour with white background colour.

#144CBC over22 #0033CC

Sample text in #144CBC colour with #0033CC background colour.

#0033CC over 144CBC

Sample text in #0033CC colour with #144CBC background colour.

#144CBC over22 #14BC30

Sample text in #144CBC colour with #14BC30 background colour.

#14BC30 over 144CBC

Sample text in #14BC30 colour with #144CBC background colour.

#144CBC over22 #14BC4C

Sample text in #144CBC colour with #14BC4C background colour.

#14BC4C over 144CBC

Sample text in #14BC4C colour with #144CBC background colour.

#144CBC over22 #14BC84

Sample text in #144CBC colour with #14BC84 background colour.

#14BC84 over 144CBC

Sample text in #14BC84 colour with #144CBC background colour.

#144CBC over22 #4C14BC

Sample text in #144CBC colour with #4C14BC background colour.

#4C14BC over 144CBC

Sample text in #4C14BC colour with #144CBC background colour.

#144CBC over22 #4CBC14

Sample text in #144CBC colour with #4CBC14 background colour.

#4CBC14 over 144CBC

Sample text in #4CBC14 colour with #144CBC background colour.

#144CBC over22 #8414BC

Sample text in #144CBC colour with #8414BC background colour.

#8414BC over 144CBC

Sample text in #8414BC colour with #144CBC background colour.

#144CBC over22 #A0BC14

Sample text in #144CBC colour with #A0BC14 background colour.

#A0BC14 over 144CBC

Sample text in #A0BC14 colour with #144CBC background colour.

#144CBC over22 #BC144C

Sample text in #144CBC colour with #BC144C background colour.

#BC144C over 144CBC

Sample text in #BC144C colour with #144CBC background colour.

#144CBC over22 #BC14A0

Sample text in #144CBC colour with #BC14A0 background colour.

#BC14A0 over 144CBC

Sample text in #BC14A0 colour with #144CBC background colour.

#144CBC over22 #BC3014

Sample text in #144CBC colour with #BC3014 background colour.

#BC3014 over 144CBC

Sample text in #BC3014 colour with #144CBC background colour.

#144CBC over22 #BC4C14

Sample text in #144CBC colour with #BC4C14 background colour.

#BC4C14 over 144CBC

Sample text in #BC4C14 colour with #144CBC background colour.

#144CBC over22 #BC8414

Sample text in #144CBC colour with #BC8414 background colour.

#BC8414 over 144CBC

Sample text in #BC8414 colour with #144CBC background colour.

#144CBC over22 #EBB343

Sample text in #144CBC colour with #EBB343 background colour.

#EBB343 over 144CBC

Sample text in #EBB343 colour with #144CBC background colour.

#144CBC over22 #474747

Sample text in #144CBC colour with #474747 background colour.

#474747 over 144CBC

Sample text in #474747 colour with #144CBC background colour.