Colour code #B525EE

#B525EE
rgb(181, 37, 238)
rgb(71%, 14.5%, 93.3%)

RGB value of #B525EE colour is rgb(181, 37, 238) where red value is 181, green value is 37 and the blue value is 238.

Max value from RGB for colour #B525EE is 238 which contains mainly Blue colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #B525EE hue angle of 283°, saturation:85.5% and the lightness value is 53.9%.

The process colour (four Colour CMYK) of #B525EE colour is Cyan = 0.24, Magento = 0.84, Yellow = 0, and Key/Black (K on CMYK) = 0.07.

Hex color #B525EE is not a web safe color. Nearby web safe colour of #B525EE is #CC33FF.

Grayscale color of #B525EE is #666666

Inverted color of #B525EE is #4ADA11

OLE colour (RGB Long) of #B525EE is 15607221

Decimal Value of #B525EE is 11871726

Android / android.graphics.Color of #B525EE is -4905490 / 0xFFB525EE

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

Hex Triplets
#B525EE
RGB Decimal
rgb(181, 37, 238)
RGB Percent
rgb(70.98%, 14.51%, 93.33%)
RGBA
rgba(181, 37, 238, 1)
HSL
hsl(283, 85.5%, 53.9%)
HSLA
hsla(283, 85.5%, 53.9%, 1)

Colour spaces of #B525EE

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 181
    70.98%
    G = 37
    14.51%
    B = 238
    93.33%

    C = 29.02%
    0.29019607843137
    M = 85.49%
    0.85490196078431
    Y = 6.67%
    0.066666666666667
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 283°
    0.78606965174129
    S = 85.5%
    0.85531914893617
    L = 53.9%
    0.53921568627451
  • HSV (HSB) – hue, saturation, brightness/value
    H = 283°
    0.78606965174129
    S = 84.45%
    0.84453781512605
    V = 93.33%
    0.93333333333333
  • CMYK – cyan, magenta, yellow, key/black
    C = 23.95
    0.23949579831933
    M = 84.45
    0.84453781512605
    Y = 0
    0
    K = 6.67
    0.066666666666667
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 35.15
    35.150239914181
    Y = 17.32
    17.319939386891
    Z = 82.379
    82.379378635472

    Yxy
    CIE (x, y, Y)
    Y = 17.32
    17.319939386891
    x = 0.261
    0.26066262620395
    y = 0.128
    0.12843897786481

    Hunter-Lab
    Hunter 1948 colour space
    L = 41.62
    41.617231271303
    a = 77.93
    77.932345158476
    b = -88.23
    -88.229742586135

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 48.66
    48.660656818866
    a = 80.18
    80.184630274724
    b = -70.76
    -70.758528830873

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 48.6607
    48.660656818866
    u = 38.923
    38.922972535042
    v = -114.3608
    -114.36077185985

    CIELCH
    Cylindrical representation
    L = 48.6607
    48.660656818866
    C = 106.9408
    106.94084502473
    H = 318.5734
    318.57336772876

    YIQ
    Luma In-phase Quadrature
    Y = 0.4038
    0.40380392156863
    I = 0.0835
    0.083541176470588
    Q = 0.3649
    0.36485882352941

Base Numbers

Base Red Green Blue
Binary 10110101 00100101 11101110
Octal 265 45 356
Decimal 181 37 238
Hex B5 25 EE


Colour Harmonies : #B525EE colour combinations

Complementary colour scheme for #B525EE

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

Split-complementary colour scheme for #B525EE

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 #B525EE are calculated by changing the hue by ±5/12 (±150°): 283° → 133° (283°-150°), 433° (283°+150°).

Triadic colours scheme for #B525EE

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 #B525EE are calculated by changing the hue by ±1/3 (±120°): 283° → 163° (283°-120°), 403° (283°+120°).

Tetradic (Rectangle) colour scheme for #B525EE

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 #B525EE are calculated by changing the hue as follows : 283° → 403° (283°+120°), 463° (283°+180°), 583° (283°+300°).


Four tetradic scheme colours (counter-clockwise) for #B525EE are calculated by changing the hue as follows : 283° → 163° (283°-120°), 103° (283°-180°), -17° (283°-300°).

Tetradic Square Colour Scheme for #B525EE

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 #B525EE are calculated by changing the hue by 1/4 (90°) progressively : 283° → 373° (283°+90°), 463° (283°+180°), 553° (283°+270°).

Analagous colours of #B525EE

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 #B525EE are calculated by changing the hue by ±1/12 (i.e. 30°): 283° → 313° (283°+30°), 253° (283°-30°).

RGB Variations of #B525EE

(R:B5, G:25, B:B5)

Monochromatic colours of #B525EE

Shade Colour Variation of #B525EE (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #B525EE (Brighter)

Tint is created by mixing white to any pure color

Tones of #B525EE colour with more saturation

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

Tones of #B525EE colour with less saturation

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

#B525EE Colour in CSS Codes


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

Text with hexadecimal font colour #B525EE

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


#B525EE Background Colour

This div background Colour is #B525EE


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


#B525EE Border Colour

This div border Colour is #B525EE


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(181, 37, 238, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #B525EE;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #B525EE;
    -webkit-box-shadow: 1px 1px 3px 2px #B525EE;
    box-shadow: 1px 1px 3px 2px #B525EE;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(181, 37, 238, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # B525EE



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

Colour Palettes with #B525EE

Colour Compositions

RGB % of Colour #B525EE

CMYK % of Colour #B525EE

Related Colours along with #B525EE

Black background

Sample text in #B525EE colour with black background colour.

White background

Sample text in #B525EE colour with white background colour.

#B525EE over22 #255EEE

Sample text in #B525EE colour with #255EEE background colour.

#255EEE over B525EE

Sample text in #255EEE colour with #B525EE background colour.

#B525EE over22 #25B5EE

Sample text in #B525EE colour with #25B5EE background colour.

#25B5EE over B525EE

Sample text in #25B5EE colour with #B525EE background colour.

#B525EE over22 #25C2EE

Sample text in #B525EE colour with #25C2EE background colour.

#25C2EE over B525EE

Sample text in #25C2EE colour with #B525EE background colour.

#B525EE over22 #25EE50

Sample text in #B525EE colour with #25EE50 background colour.

#25EE50 over B525EE

Sample text in #25EE50 colour with #B525EE background colour.

#B525EE over22 #25EEB5

Sample text in #B525EE colour with #25EEB5 background colour.

#25EEB5 over B525EE

Sample text in #25EEB5 colour with #B525EE background colour.

#B525EE over22 #4ADA11

Sample text in #B525EE colour with #4ADA11 background colour.

#4ADA11 over B525EE

Sample text in #4ADA11 colour with #B525EE background colour.

#B525EE over22 #5EEE25

Sample text in #B525EE colour with #5EEE25 background colour.

#5EEE25 over B525EE

Sample text in #5EEE25 colour with #B525EE background colour.

#B525EE over22 #B5EE25

Sample text in #B525EE colour with #B5EE25 background colour.

#B5EE25 over B525EE

Sample text in #B5EE25 colour with #B525EE background colour.

#B525EE over22 #C2EE25

Sample text in #B525EE colour with #C2EE25 background colour.

#C2EE25 over B525EE

Sample text in #C2EE25 colour with #B525EE background colour.

#B525EE over22 #CC33FF

Sample text in #B525EE colour with #CC33FF background colour.

#CC33FF over B525EE

Sample text in #CC33FF colour with #B525EE background colour.

#B525EE over22 #EE255E

Sample text in #B525EE colour with #EE255E background colour.

#EE255E over B525EE

Sample text in #EE255E colour with #B525EE background colour.

#B525EE over22 #EE25B5

Sample text in #B525EE colour with #EE25B5 background colour.

#EE25B5 over B525EE

Sample text in #EE25B5 colour with #B525EE background colour.

#B525EE over22 #EE5025

Sample text in #B525EE colour with #EE5025 background colour.

#EE5025 over B525EE

Sample text in #EE5025 colour with #B525EE background colour.

#B525EE over22 #EEB525

Sample text in #B525EE colour with #EEB525 background colour.

#EEB525 over B525EE

Sample text in #EEB525 colour with #B525EE background colour.

#B525EE over22 #666666

Sample text in #B525EE colour with #666666 background colour.

#666666 over B525EE

Sample text in #666666 colour with #B525EE background colour.