Colour code #2E27FA

#2E27FA
rgb(46, 39, 250)
rgb(18%, 15.3%, 98%)

RGB value of #2E27FA colour is rgb(46, 39, 250) where red value is 46, green value is 39 and the blue value is 250.

Max value from RGB for colour #2E27FA is 250 which contains mainly Blue colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #2E27FA hue angle of 242°, saturation:95.5% and the lightness value is 56.7%.

The process colour (four Colour CMYK) of #2E27FA colour is Cyan = 0.82, Magento = 0.84, Yellow = 0, and Key/Black (K on CMYK) = 0.02.

Hex color #2E27FA is not a web safe color. Nearby web safe colour of #2E27FA is #3333FF.

Grayscale color of #2E27FA is #404040

Inverted color of #2E27FA is #D1D805

OLE colour (RGB Long) of #2E27FA is 16394030

Decimal Value of #2E27FA is 3024890

Android / android.graphics.Color of #2E27FA is -13752326 / 0xFF2E27FA

The following declarations are allowed (CSS 3.0) for #2E27FA

Hex Triplets
#2E27FA
RGB Decimal
rgb(46, 39, 250)
RGB Percent
rgb(18.04%, 15.29%, 98.04%)
RGBA
rgba(46, 39, 250, 1)
HSL
hsl(242, 95.5%, 56.7%)
HSLA
hsla(242, 95.5%, 56.7%, 1)

Colour spaces of #2E27FA

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 46
    18.04%
    G = 39
    15.29%
    B = 250
    98.04%

    C = 81.96%
    0.81960784313725
    M = 84.71%
    0.84705882352941
    Y = 1.96%
    0.019607843137255
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 242°
    0.67219589257504
    S = 95.5%
    0.95475113122172
    L = 56.7%
    0.56666666666667
  • HSV (HSB) – hue, saturation, brightness/value
    H = 242°
    0.67219589257504
    S = 84.4%
    0.844
    V = 98.04%
    0.98039215686275
  • CMYK – cyan, magenta, yellow, key/black
    C = 81.6
    0.816
    M = 84.4
    0.844
    Y = 0
    0
    K = 1.96
    0.019607843137255
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 19.108
    19.107551612251
    Y = 8.934
    8.9340077965184
    Z = 91.16
    91.159836218843

    Yxy
    CIE (x, y, Y)
    Y = 8.934
    8.9340077965184
    x = 0.16
    0.16029637498493
    y = 0.075
    0.074948852314015

    Hunter-Lab
    Hunter 1948 colour space
    L = 29.89
    29.889810632586
    a = 61.8
    61.801883628604
    b = -159.9
    -159.90352707181

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 35.86
    35.856925529695
    a = 69.38
    69.382934038135
    b = -99.09
    -99.091418200636

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 35.8569
    35.856925529695
    u = -8.7063
    -8.7062600579022
    v = -130.4511
    -130.45109590111

    CIELCH
    Cylindrical representation
    L = 35.8569
    35.856925529695
    C = 120.9674
    120.96735384703
    H = 304.9994
    304.99936992286

    YIQ
    Luma In-phase Quadrature
    Y = 0.2555
    0.25547843137255
    I = -0.2493
    -0.24925098039216
    Q = 0.2632
    0.2631568627451

Base Numbers

Base Red Green Blue
Binary 00101110 00100111 11111010
Octal 56 47 372
Decimal 46 39 250
Hex 2E 27 FA


Colour Harmonies : #2E27FA colour combinations

Complementary colour scheme for #2E27FA

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 #2E27FA colour is calculated by adding 180° to the value of the current hue: 242° → 422° (+180°)

Split-complementary colour scheme for #2E27FA

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 #2E27FA are calculated by changing the hue by ±5/12 (±150°): 242° → 92° (242°-150°), 392° (242°+150°).

Triadic colours scheme for #2E27FA

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 #2E27FA are calculated by changing the hue by ±1/3 (±120°): 242° → 122° (242°-120°), 362° (242°+120°).

Tetradic (Rectangle) colour scheme for #2E27FA

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 #2E27FA are calculated by changing the hue as follows : 242° → 362° (242°+120°), 422° (242°+180°), 542° (242°+300°).


Four tetradic scheme colours (counter-clockwise) for #2E27FA are calculated by changing the hue as follows : 242° → 122° (242°-120°), 62° (242°-180°), -58° (242°-300°).

Tetradic Square Colour Scheme for #2E27FA

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 #2E27FA are calculated by changing the hue by 1/4 (90°) progressively : 242° → 332° (242°+90°), 422° (242°+180°), 512° (242°+270°).

Analagous colours of #2E27FA

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 #2E27FA are calculated by changing the hue by ±1/12 (i.e. 30°): 242° → 272° (242°+30°), 212° (242°-30°).

RGB Variations of #2E27FA

(R:2E, G:27, B:2E)

Monochromatic colours of #2E27FA

Shade Colour Variation of #2E27FA (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #2E27FA (Brighter)

Tint is created by mixing white to any pure color

Tones of #2E27FA colour with more saturation

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

Tones of #2E27FA colour with less saturation

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

#2E27FA Colour in CSS Codes


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

Text with hexadecimal font colour #2E27FA

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


#2E27FA Background Colour

This div background Colour is #2E27FA


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


#2E27FA Border Colour

This div border Colour is #2E27FA


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(46, 39, 250, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #2E27FA;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #2E27FA;
    -webkit-box-shadow: 1px 1px 3px 2px #2E27FA;
    box-shadow: 1px 1px 3px 2px #2E27FA;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(46, 39, 250, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 2E27FA



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

Colour Palettes with #2E27FA

Colour Compositions

RGB % of Colour #2E27FA

CMYK % of Colour #2E27FA

Related Colours along with #2E27FA

Black background

Sample text in #2E27FA colour with black background colour.

White background

Sample text in #2E27FA colour with white background colour.

#2E27FA over22 #272EFA

Sample text in #2E27FA colour with #272EFA background colour.

#272EFA over 2E27FA

Sample text in #272EFA colour with #2E27FA background colour.

#2E27FA over22 #27F3FA

Sample text in #2E27FA colour with #27F3FA background colour.

#27F3FA over 2E27FA

Sample text in #27F3FA colour with #2E27FA background colour.

#2E27FA over22 #27FA2E

Sample text in #2E27FA colour with #27FA2E background colour.

#27FA2E over 2E27FA

Sample text in #27FA2E colour with #2E27FA background colour.

#2E27FA over22 #27FA97

Sample text in #2E27FA colour with #27FA97 background colour.

#27FA97 over 2E27FA

Sample text in #27FA97 colour with #2E27FA background colour.

#2E27FA over22 #2EFA27

Sample text in #2E27FA colour with #2EFA27 background colour.

#2EFA27 over 2E27FA

Sample text in #2EFA27 colour with #2E27FA background colour.

#2E27FA over22 #3333FF

Sample text in #2E27FA colour with #3333FF background colour.

#3333FF over 2E27FA

Sample text in #3333FF colour with #2E27FA background colour.

#2E27FA over22 #89FA27

Sample text in #2E27FA colour with #89FA27 background colour.

#89FA27 over 2E27FA

Sample text in #89FA27 colour with #2E27FA background colour.

#2E27FA over22 #D1D805

Sample text in #2E27FA colour with #D1D805 background colour.

#D1D805 over 2E27FA

Sample text in #D1D805 colour with #2E27FA background colour.

#2E27FA over22 #F3FA27

Sample text in #2E27FA colour with #F3FA27 background colour.

#F3FA27 over 2E27FA

Sample text in #F3FA27 colour with #2E27FA background colour.

#2E27FA over22 #FA272E

Sample text in #2E27FA colour with #FA272E background colour.

#FA272E over 2E27FA

Sample text in #FA272E colour with #2E27FA background colour.

#2E27FA over22 #FA2789

Sample text in #2E27FA colour with #FA2789 background colour.

#FA2789 over 2E27FA

Sample text in #FA2789 colour with #2E27FA background colour.

#2E27FA over22 #FA27F3

Sample text in #2E27FA colour with #FA27F3 background colour.

#FA27F3 over 2E27FA

Sample text in #FA27F3 colour with #2E27FA background colour.

#2E27FA over22 #FA2E27

Sample text in #2E27FA colour with #FA2E27 background colour.

#FA2E27 over 2E27FA

Sample text in #FA2E27 colour with #2E27FA background colour.

#2E27FA over22 #FA9727

Sample text in #2E27FA colour with #FA9727 background colour.

#FA9727 over 2E27FA

Sample text in #FA9727 colour with #2E27FA background colour.

#2E27FA over22 #404040

Sample text in #2E27FA colour with #404040 background colour.

#404040 over 2E27FA

Sample text in #404040 colour with #2E27FA background colour.