Colour code #9881EA

#9881EA
rgb(152, 129, 234)
rgb(59.6%, 50.6%, 91.8%)

RGB value of #9881EA colour is rgb(152, 129, 234) where red value is 152, green value is 129 and the blue value is 234.

Max value from RGB for colour #9881EA is 234 which contains mainly Blue colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #9881EA hue angle of 253.1°, saturation:71.4% and the lightness value is 71.2%.

The process colour (four Colour CMYK) of #9881EA colour is Cyan = 0.35, Magento = 0.45, Yellow = 0, and Key/Black (K on CMYK) = 0.08.

Hex color #9881EA is not a web safe color. Nearby web safe colour of #9881EA is #9999FF.

Grayscale color of #9881EA is #939393

Inverted color of #9881EA is #677E15

OLE colour (RGB Long) of #9881EA is 15368600

Decimal Value of #9881EA is 9994730

Android / android.graphics.Color of #9881EA is -6782486 / 0xFF9881EA

The following declarations are allowed (CSS 3.0) for #9881EA

Hex Triplets
#9881EA
RGB Decimal
rgb(152, 129, 234)
RGB Percent
rgb(59.61%, 50.59%, 91.76%)
RGBA
rgba(152, 129, 234, 1)
HSL
hsl(253.1, 71.4%, 71.2%)
HSLA
hsla(253.1, 71.4%, 71.2%, 1)

Colour spaces of #9881EA

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 152
    59.61%
    G = 129
    50.59%
    B = 234
    91.76%

    C = 40.39%
    0.40392156862745
    M = 49.41%
    0.49411764705882
    Y = 8.24%
    0.082352941176471
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 253.1°
    0.7031746031746
    S = 71.4%
    0.71428571428571
    L = 71.2%
    0.71176470588235
  • HSV (HSB) – hue, saturation, brightness/value
    H = 253.1°
    0.7031746031746
    S = 44.87%
    0.44871794871795
    V = 91.76%
    0.91764705882353
  • CMYK – cyan, magenta, yellow, key/black
    C = 35.04
    0.35042735042735
    M = 44.87
    0.44871794871795
    Y = 0
    0
    K = 8.24
    0.082352941176471
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 35.65
    35.650434308786
    Y = 28.316
    28.316426997746
    Z = 81.429
    81.428536472955

    Yxy
    CIE (x, y, Y)
    Y = 28.316
    28.316426997746
    x = 0.245
    0.24519644261956
    y = 0.195
    0.19475463068434

    Hunter-Lab
    Hunter 1948 colour space
    L = 53.21
    53.213181635518
    a = 26.46
    26.463890266106
    b = -53.48
    -53.478253887

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 60.17
    60.173540202582
    a = 32.25
    32.254498748702
    b = -50.2
    -50.204853179751

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 60.1735
    60.173540202582
    u = 3.5384
    3.5383730175851
    v = -83.4566
    -83.456629743618

    CIELCH
    Cylindrical representation
    L = 60.1735
    60.173540202582
    C = 59.6731
    59.673109289951
    H = 302.719
    302.71903277976

    YIQ
    Luma In-phase Quadrature
    Y = 0.5798
    0.57979215686275
    I = -0.0784
    -0.078419607843137
    Q = 0.1472
    0.14718039215686

Base Numbers

Base Red Green Blue
Binary 10011000 10000001 11101010
Octal 230 201 352
Decimal 152 129 234
Hex 98 81 EA


Colour Harmonies : #9881EA colour combinations

Complementary colour scheme for #9881EA

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 #9881EA colour is calculated by adding 180° to the value of the current hue: 253.1° → 433.1° (+180°)

Split-complementary colour scheme for #9881EA

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 #9881EA are calculated by changing the hue by ±5/12 (±150°): 253.1° → 103.1° (253.1°-150°), 403.1° (253.1°+150°).

Triadic colours scheme for #9881EA

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 #9881EA are calculated by changing the hue by ±1/3 (±120°): 253.1° → 133.1° (253.1°-120°), 373.1° (253.1°+120°).

Tetradic (Rectangle) colour scheme for #9881EA

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 #9881EA are calculated by changing the hue as follows : 253.1° → 373.1° (253.1°+120°), 433.1° (253.1°+180°), 553.1° (253.1°+300°).


Four tetradic scheme colours (counter-clockwise) for #9881EA are calculated by changing the hue as follows : 253.1° → 133.1° (253.1°-120°), 73.1° (253.1°-180°), -46.9° (253.1°-300°).

Tetradic Square Colour Scheme for #9881EA

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 #9881EA are calculated by changing the hue by 1/4 (90°) progressively : 253.1° → 343.1° (253.1°+90°), 433.1° (253.1°+180°), 523.1° (253.1°+270°).

Analagous colours of #9881EA

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 #9881EA are calculated by changing the hue by ±1/12 (i.e. 30°): 253.1° → 283.1° (253.1°+30°), 223.1° (253.1°-30°).

RGB Variations of #9881EA

(R:98, G:81, B:98)

Monochromatic colours of #9881EA

Shade Colour Variation of #9881EA (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #9881EA (Brighter)

Tint is created by mixing white to any pure color

Tones of #9881EA colour with more saturation

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

Tones of #9881EA colour with less saturation

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

#9881EA Colour in CSS Codes


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

Text with hexadecimal font colour #9881EA

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


#9881EA Background Colour

This div background Colour is #9881EA


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


#9881EA Border Colour

This div border Colour is #9881EA


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(152, 129, 234, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #9881EA;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #9881EA;
    -webkit-box-shadow: 1px 1px 3px 2px #9881EA;
    box-shadow: 1px 1px 3px 2px #9881EA;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(152, 129, 234, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 9881EA



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

Colour Palettes with #9881EA

Colour Compositions

RGB % of Colour #9881EA

CMYK % of Colour #9881EA

Related Colours along with #9881EA

Black background

Sample text in #9881EA colour with black background colour.

White background

Sample text in #9881EA colour with white background colour.

#9881EA over22 #8198EA

Sample text in #9881EA colour with #8198EA background colour.

#8198EA over 9881EA

Sample text in #8198EA colour with #9881EA background colour.

#9881EA over22 #81D3EA

Sample text in #9881EA colour with #81D3EA background colour.

#81D3EA over 9881EA

Sample text in #81D3EA colour with #9881EA background colour.

#9881EA over22 #9999FF

Sample text in #9881EA colour with #9999FF background colour.

#9999FF over 9881EA

Sample text in #9999FF colour with #9881EA background colour.

#9881EA over22 #939393

Sample text in #9881EA colour with #939393 background colour.

#939393 over 9881EA

Sample text in #939393 colour with #9881EA background colour.

#9881EA over22 #677E15

Sample text in #9881EA colour with #677E15 background colour.

#677E15 over 9881EA

Sample text in #677E15 colour with #9881EA background colour.

#9881EA over22 #81EA98

Sample text in #9881EA colour with #81EA98 background colour.

#81EA98 over 9881EA

Sample text in #81EA98 colour with #9881EA background colour.

#9881EA over22 #81EACD

Sample text in #9881EA colour with #81EACD background colour.

#81EACD over 9881EA

Sample text in #81EACD colour with #9881EA background colour.

#9881EA over22 #98EA81

Sample text in #9881EA colour with #98EA81 background colour.

#98EA81 over 9881EA

Sample text in #98EA81 colour with #9881EA background colour.

#9881EA over22 #9FEA81

Sample text in #9881EA colour with #9FEA81 background colour.

#9FEA81 over 9881EA

Sample text in #9FEA81 colour with #9881EA background colour.

#9881EA over22 #D3EA81

Sample text in #9881EA colour with #D3EA81 background colour.

#D3EA81 over 9881EA

Sample text in #D3EA81 colour with #9881EA background colour.

#9881EA over22 #EA8198

Sample text in #9881EA colour with #EA8198 background colour.

#EA8198 over 9881EA

Sample text in #EA8198 colour with #9881EA background colour.

#9881EA over22 #EA819F

Sample text in #9881EA colour with #EA819F background colour.

#EA819F over 9881EA

Sample text in #EA819F colour with #9881EA background colour.

#9881EA over22 #EA81D3

Sample text in #9881EA colour with #EA81D3 background colour.

#EA81D3 over 9881EA

Sample text in #EA81D3 colour with #9881EA background colour.

#9881EA over22 #EA9881

Sample text in #9881EA colour with #EA9881 background colour.

#EA9881 over 9881EA

Sample text in #EA9881 colour with #9881EA background colour.

#9881EA over22 #EACD81

Sample text in #9881EA colour with #EACD81 background colour.

#EACD81 over 9881EA

Sample text in #EACD81 colour with #9881EA background colour.