Colour code #E20568

#E20568
rgb(226, 5, 104)
rgb(88.6%, 2%, 40.8%)

RGB value of #E20568 colour is rgb(226, 5, 104) where red value is 226, green value is 5 and the blue value is 104.

Max value from RGB for colour #E20568 is 226 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #E20568 hue angle of 333.1°, saturation:95.7% and the lightness value is 45.3%.

The process colour (four Colour CMYK) of #E20568 colour is Cyan = 0, Magento = 0.98, Yellow = 0.54, and Key/Black (K on CMYK) = 0.11.

Hex color #E20568 is not a web safe color. Nearby web safe colour of #E20568 is #CC0066.

Grayscale color of #E20568 is #525252

Inverted color of #E20568 is #1DFA97

OLE colour (RGB Long) of #E20568 is 6817250

Decimal Value of #E20568 is 14812520

Android / android.graphics.Color of #E20568 is -1964696 / 0xFFE20568

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

Hex Triplets
#E20568
RGB Decimal
rgb(226, 5, 104)
RGB Percent
rgb(88.63%, 1.96%, 40.78%)
RGBA
rgba(226, 5, 104, 1)
HSL
hsl(333.1, 95.7%, 45.3%)
HSLA
hsla(333.1, 95.7%, 45.3%, 1)

Colour spaces of #E20568

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 226
    88.63%
    G = 5
    1.96%
    B = 104
    40.78%

    C = 11.37%
    0.11372549019608
    M = 98.04%
    0.98039215686275
    Y = 59.22%
    0.5921568627451
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 333.1°
    0.92533936651584
    S = 95.7%
    0.95670995670996
    L = 45.3%
    0.45294117647059
  • HSV (HSB) – hue, saturation, brightness/value
    H = 333.1°
    0.92533936651584
    S = 97.79%
    0.97787610619469
    V = 88.63%
    0.88627450980392
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 97.79
    0.97787610619469
    Y = 53.98
    0.53982300884956
    K = 11.37
    0.11372549019608
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 33.917
    33.916991848803
    Y = 17.277
    17.276768479248
    Z = 14.644
    14.643827511077

    Yxy
    CIE (x, y, Y)
    Y = 17.277
    17.276768479248
    x = 0.515
    0.51516152037158
    y = 0.262
    0.26241496759364

    Hunter-Lab
    Hunter 1948 colour space
    L = 41.57
    41.565332284547
    a = 72.92
    72.915297305821
    b = 8.21
    8.2073507335443

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 48.61
    48.606888698644
    a = 76.17
    76.169046455153
    b = 8.92
    8.9216353289596

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 48.6069
    48.606888698644
    u = 129.3704
    129.37037790749
    v = -4.3846
    -4.3846356697787

    CIELCH
    Cylindrical representation
    L = 48.6069
    48.606888698644
    C = 76.6898
    76.689759517358
    H = 6.6806
    6.680580756562

    YIQ
    Luma In-phase Quadrature
    Y = 0.323
    0.323
    I = 0.3919
    0.39190980392157
    Q = 0.3045
    0.30447450980392

Base Numbers

Base Red Green Blue
Binary 11100010 00000101 01101000
Octal 342 5 150
Decimal 226 5 104
Hex E2 5 68


Colour Harmonies : #E20568 colour combinations

Complementary colour scheme for #E20568

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 #E20568 colour is calculated by adding 180° to the value of the current hue: 333.1° → 513.1° (+180°)

Split-complementary colour scheme for #E20568

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 #E20568 are calculated by changing the hue by ±5/12 (±150°): 333.1° → 183.1° (333.1°-150°), 483.1° (333.1°+150°).

Triadic colours scheme for #E20568

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 #E20568 are calculated by changing the hue by ±1/3 (±120°): 333.1° → 213.1° (333.1°-120°), 453.1° (333.1°+120°).

Tetradic (Rectangle) colour scheme for #E20568

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 #E20568 are calculated by changing the hue as follows : 333.1° → 453.1° (333.1°+120°), 513.1° (333.1°+180°), 633.1° (333.1°+300°).


Four tetradic scheme colours (counter-clockwise) for #E20568 are calculated by changing the hue as follows : 333.1° → 213.1° (333.1°-120°), 153.1° (333.1°-180°), 33.1° (333.1°-300°).

Tetradic Square Colour Scheme for #E20568

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 #E20568 are calculated by changing the hue by 1/4 (90°) progressively : 333.1° → 423.1° (333.1°+90°), 513.1° (333.1°+180°), 603.1° (333.1°+270°).

Analagous colours of #E20568

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 #E20568 are calculated by changing the hue by ±1/12 (i.e. 30°): 333.1° → 363.1° (333.1°+30°), 303.1° (333.1°-30°).

RGB Variations of #E20568

(R:E2, G:05, B:E2)

Monochromatic colours of #E20568

Shade Colour Variation of #E20568 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #E20568 (Brighter)

Tint is created by mixing white to any pure color

Tones of #E20568 colour with more saturation

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

Tones of #E20568 colour with less saturation

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

#E20568 Colour in CSS Codes


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

Text with hexadecimal font colour #E20568

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


#E20568 Background Colour

This div background Colour is #E20568


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


#E20568 Border Colour

This div border Colour is #E20568


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(226, 5, 104, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #E20568;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #E20568;
    -webkit-box-shadow: 1px 1px 3px 2px #E20568;
    box-shadow: 1px 1px 3px 2px #E20568;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(226, 5, 104, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # E20568



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

Colour Palettes with #E20568

Colour Compositions

RGB % of Colour #E20568

CMYK % of Colour #E20568

Related Colours along with #E20568

Black background

Sample text in #E20568 colour with black background colour.

White background

Sample text in #E20568 colour with white background colour.

#E20568 over22 #0568E2

Sample text in #E20568 colour with #0568E2 background colour.

#0568E2 over E20568

Sample text in #0568E2 colour with #E20568 background colour.

#E20568 over22 #05D7E2

Sample text in #E20568 colour with #05D7E2 background colour.

#05D7E2 over E20568

Sample text in #05D7E2 colour with #E20568 background colour.

#E20568 over22 #1DFA97

Sample text in #E20568 colour with #1DFA97 background colour.

#1DFA97 over E20568

Sample text in #1DFA97 colour with #E20568 background colour.

#E20568 over22 #CC0066

Sample text in #E20568 colour with #CC0066 background colour.

#CC0066 over E20568

Sample text in #CC0066 colour with #E20568 background colour.

#E20568 over22 #525252

Sample text in #E20568 colour with #525252 background colour.

#525252 over E20568

Sample text in #525252 colour with #E20568 background colour.

#E20568 over22 #05E211

Sample text in #E20568 colour with #05E211 background colour.

#05E211 over E20568

Sample text in #05E211 colour with #E20568 background colour.

#E20568 over22 #05E27F

Sample text in #E20568 colour with #05E27F background colour.

#05E27F over E20568

Sample text in #05E27F colour with #E20568 background colour.

#E20568 over22 #1105E2

Sample text in #E20568 colour with #1105E2 background colour.

#1105E2 over E20568

Sample text in #1105E2 colour with #E20568 background colour.

#E20568 over22 #6805E2

Sample text in #E20568 colour with #6805E2 background colour.

#6805E2 over E20568

Sample text in #6805E2 colour with #E20568 background colour.

#E20568 over22 #68E205

Sample text in #E20568 colour with #68E205 background colour.

#68E205 over E20568

Sample text in #68E205 colour with #E20568 background colour.

#E20568 over22 #05E268

Sample text in #E20568 colour with #05E268 background colour.

#05E268 over E20568

Sample text in #05E268 colour with #E20568 background colour.

#E20568 over22 #7F05E2

Sample text in #E20568 colour with #7F05E2 background colour.

#7F05E2 over E20568

Sample text in #7F05E2 colour with #E20568 background colour.

#E20568 over22 #D7E205

Sample text in #E20568 colour with #D7E205 background colour.

#D7E205 over E20568

Sample text in #D7E205 colour with #E20568 background colour.

#E20568 over22 #E26805

Sample text in #E20568 colour with #E26805 background colour.

#E26805 over E20568

Sample text in #E26805 colour with #E20568 background colour.

#E20568 over22 #E27F05

Sample text in #E20568 colour with #E27F05 background colour.

#E27F05 over E20568

Sample text in #E27F05 colour with #E20568 background colour.