"African Violet" Colour code #B284BE

#B284BE
rgb(178, 132, 190)
rgb(69.8%, 51.8%, 74.5%)

Common name of #B284BE (or 0xB284BE) colour is "African Violet".

RGB value of #B284BE colour is rgb(178, 132, 190) where red value is 178, green value is 132 and the blue value is 190.

Max value from RGB for colour #B284BE is 190 which contains mainly Blue colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #B284BE hue angle of 287.6°, saturation:30.9% and the lightness value is 63.1%.

The process colour (four Colour CMYK) of #B284BE colour is Cyan = 0.06, Magento = 0.31, Yellow = 0, and Key/Black (K on CMYK) = 0.25.

Hex color #B284BE is not a web safe color. Nearby web safe colour of #B284BE is #9999CC.

Grayscale color of #B284BE is #989898

Inverted color of #B284BE is #4D7B41

OLE colour (RGB Long) of #B284BE is 12485810

Decimal Value of #B284BE is 11699390

Android / android.graphics.Color of #B284BE is -5077826 / 0xFFB284BE

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

Hex Triplets
#B284BE
RGB Decimal
rgb(178, 132, 190)
RGB Percent
rgb(69.8%, 51.76%, 74.51%)
RGBA
rgba(178, 132, 190, 1)
HSL
hsl(287.6, 30.9%, 63.1%)
HSLA
hsla(287.6, 30.9%, 63.1%, 1)

Colour spaces of #B284BE "African Violet"

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 178
    69.8%
    G = 132
    51.76%
    B = 190
    74.51%

    C = 30.2%
    0.30196078431373
    M = 48.24%
    0.48235294117647
    Y = 25.49%
    0.25490196078431
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 287.6°
    0.79885057471264
    S = 30.9%
    0.30851063829787
    L = 63.1%
    0.63137254901961
  • HSV (HSB) – hue, saturation, brightness/value
    H = 287.6°
    0.79885057471264
    S = 30.53%
    0.30526315789474
    V = 74.51%
    0.74509803921569
  • CMYK – cyan, magenta, yellow, key/black
    C = 6.32
    0.063157894736842
    M = 30.53
    0.30526315789474
    Y = 0
    0
    K = 25.49
    0.25490196078431
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 35.906
    35.905625257126
    Y = 29.685
    29.685211209895
    Z = 52.553
    52.552583777865

    Yxy
    CIE (x, y, Y)
    Y = 29.685
    29.685211209895
    x = 0.304
    0.30391557297648
    y = 0.251
    0.25126419354005

    Hunter-Lab
    Hunter 1948 colour space
    L = 54.48
    54.484136415928
    a = 22.29
    22.286159358312
    b = -19.05
    -19.049176067945

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 61.38
    61.381659102994
    a = 27.91
    27.905426930531
    b = -23.47
    -23.465903897237

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 61.3817
    61.381659102994
    u = 21.5268
    21.526825789168
    v = -40.0026
    -40.002637431112

    CIELCH
    Cylindrical representation
    L = 61.3817
    61.381659102994
    C = 36.4604
    36.460410007151
    H = 319.9392
    319.93924355893

    YIQ
    Luma In-phase Quadrature
    Y = 0.5975
    0.5975137254902
    I = 0.0345
    0.034501960784314
    Q = 0.109
    0.10898039215686

Base Numbers

Base Red Green Blue
Binary 10110010 10000100 10111110
Octal 262 204 276
Decimal 178 132 190
Hex B2 84 BE


Colour Harmonies : #B284BE colour combinations

Complementary colour scheme for #B284BE

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

Split-complementary colour scheme for #B284BE

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 #B284BE are calculated by changing the hue by ±5/12 (±150°): 287.6° → 137.6° (287.6°-150°), 437.6° (287.6°+150°).

Triadic colours scheme for #B284BE

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 #B284BE are calculated by changing the hue by ±1/3 (±120°): 287.6° → 167.6° (287.6°-120°), 407.6° (287.6°+120°).

Tetradic (Rectangle) colour scheme for #B284BE

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 #B284BE are calculated by changing the hue as follows : 287.6° → 407.6° (287.6°+120°), 467.6° (287.6°+180°), 587.6° (287.6°+300°).


Four tetradic scheme colours (counter-clockwise) for #B284BE are calculated by changing the hue as follows : 287.6° → 167.6° (287.6°-120°), 107.6° (287.6°-180°), -12.4° (287.6°-300°).

Tetradic Square Colour Scheme for #B284BE

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 #B284BE are calculated by changing the hue by 1/4 (90°) progressively : 287.6° → 377.6° (287.6°+90°), 467.6° (287.6°+180°), 557.6° (287.6°+270°).

Analagous colours of #B284BE

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 #B284BE are calculated by changing the hue by ±1/12 (i.e. 30°): 287.6° → 317.6° (287.6°+30°), 257.6° (287.6°-30°).

RGB Variations of #B284BE

(R:B2, G:84, B:B2)

Monochromatic colours of #B284BE

Shade Colour Variation of #B284BE (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #B284BE (Brighter)

Tint is created by mixing white to any pure color

Tones of #B284BE colour with more saturation

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

Tones of #B284BE colour with less saturation

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

#B284BE Colour in CSS Codes


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

Text with hexadecimal font colour #B284BE

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


#B284BE Background Colour

This div background Colour is #B284BE


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


#B284BE Border Colour

This div border Colour is #B284BE


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(178, 132, 190, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #B284BE;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #B284BE;
    -webkit-box-shadow: 1px 1px 3px 2px #B284BE;
    box-shadow: 1px 1px 3px 2px #B284BE;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(178, 132, 190, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # B284BE



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

Colour Compositions

RGB % of Colour #B284BE

CMYK % of Colour #B284BE

Related Colours along with #B284BE

Black background

Sample text in #B284BE colour with black background colour.

White background

Sample text in #B284BE colour with white background colour.

#B284BE over22 #4D7B41

Sample text in #B284BE colour with #4D7B41 background colour.

#4D7B41 over B284BE

Sample text in #4D7B41 colour with #B284BE background colour.

#B284BE over22 #8490BE

Sample text in #B284BE colour with #8490BE background colour.

#8490BE over B284BE

Sample text in #8490BE colour with #B284BE background colour.

#B284BE over22 #84ADBE

Sample text in #B284BE colour with #84ADBE background colour.

#84ADBE over B284BE

Sample text in #84ADBE colour with #B284BE background colour.

#B284BE over22 #84B2BE

Sample text in #B284BE colour with #84B2BE background colour.

#84B2BE over B284BE

Sample text in #84B2BE colour with #B284BE background colour.

#B284BE over22 #84BE95

Sample text in #B284BE colour with #84BE95 background colour.

#84BE95 over B284BE

Sample text in #84BE95 colour with #B284BE background colour.

#B284BE over22 #84BEB2

Sample text in #B284BE colour with #84BEB2 background colour.

#84BEB2 over B284BE

Sample text in #84BEB2 colour with #B284BE background colour.

#B284BE over22 #90BE84

Sample text in #B284BE colour with #90BE84 background colour.

#90BE84 over B284BE

Sample text in #90BE84 colour with #B284BE background colour.

#B284BE over22 #9999CC

Sample text in #B284BE colour with #9999CC background colour.

#9999CC over B284BE

Sample text in #9999CC colour with #B284BE background colour.

#B284BE over22 #ADBE84

Sample text in #B284BE colour with #ADBE84 background colour.

#ADBE84 over B284BE

Sample text in #ADBE84 colour with #B284BE background colour.

#B284BE over22 #B2BE84

Sample text in #B284BE colour with #B2BE84 background colour.

#B2BE84 over B284BE

Sample text in #B2BE84 colour with #B284BE background colour.

#B284BE over22 #BE8490

Sample text in #B284BE colour with #BE8490 background colour.

#BE8490 over B284BE

Sample text in #BE8490 colour with #B284BE background colour.

#B284BE over22 #BE84B2

Sample text in #B284BE colour with #BE84B2 background colour.

#BE84B2 over B284BE

Sample text in #BE84B2 colour with #B284BE background colour.

#B284BE over22 #BE9584

Sample text in #B284BE colour with #BE9584 background colour.

#BE9584 over B284BE

Sample text in #BE9584 colour with #B284BE background colour.

#B284BE over22 #BEB284

Sample text in #B284BE colour with #BEB284 background colour.

#BEB284 over B284BE

Sample text in #BEB284 colour with #B284BE background colour.

#B284BE over22 #989898

Sample text in #B284BE colour with #989898 background colour.

#989898 over B284BE

Sample text in #989898 colour with #B284BE background colour.