Colour code #B10E52

#B10E52
rgb(177, 14, 82)
rgb(69.4%, 5.5%, 32.2%)

RGB value of #B10E52 colour is rgb(177, 14, 82) where red value is 177, green value is 14 and the blue value is 82.

Max value from RGB for colour #B10E52 is 177 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #B10E52 hue angle of 335°, saturation:85.3% and the lightness value is 37.5%.

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

Hex color #B10E52 is not a web safe color. Nearby web safe colour of #B10E52 is #990066.

Grayscale color of #B10E52 is #464646

Inverted color of #B10E52 is #4EF1AD

OLE colour (RGB Long) of #B10E52 is 5377713

Decimal Value of #B10E52 is 11603538

Android / android.graphics.Color of #B10E52 is -5173678 / 0xFFB10E52

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

Hex Triplets
#B10E52
RGB Decimal
rgb(177, 14, 82)
RGB Percent
rgb(69.41%, 5.49%, 32.16%)
RGBA
rgba(177, 14, 82, 1)
HSL
hsl(335, 85.3%, 37.5%)
HSLA
hsla(335, 85.3%, 37.5%, 1)

Colour spaces of #B10E52

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 177
    69.41%
    G = 14
    5.49%
    B = 82
    32.16%

    C = 30.59%
    0.30588235294118
    M = 94.51%
    0.94509803921569
    Y = 67.84%
    0.67843137254902
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 335°
    0.93047034764826
    S = 85.3%
    0.85340314136126
    L = 37.5%
    0.37450980392157
  • HSV (HSB) – hue, saturation, brightness/value
    H = 335°
    0.93047034764826
    S = 92.09%
    0.92090395480226
    V = 69.41%
    0.69411764705882
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 92.09
    0.92090395480226
    Y = 53.67
    0.53672316384181
    K = 30.59
    0.30588235294118
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 19.811
    19.811490434829
    Y = 10.27
    10.270383697722
    Z = 8.921
    8.9208432418702

    Yxy
    CIE (x, y, Y)
    Y = 10.27
    10.270383697722
    x = 0.508
    0.50795154205901
    y = 0.263
    0.26332482424565

    Hunter-Lab
    Hunter 1948 colour space
    L = 32.05
    32.047439363734
    a = 54.26
    54.264363395084
    b = 5.93
    5.9290248083

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 38.32
    38.323391880134
    a = 62.31
    62.305272515041
    b = 6.8
    6.7959308284454

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 38.3234
    38.323391880134
    u = 98.2191
    98.219054482719
    v = -3.7962
    -3.7962039651347

    CIELCH
    Cylindrical representation
    L = 38.3234
    38.323391880134
    C = 62.6748
    62.674808807036
    H = 6.2249
    6.2249130180594

    YIQ
    Luma In-phase Quadrature
    Y = 0.2764
    0.27642745098039
    I = 0.2954
    0.29537254901961
    Q = 0.2184
    0.21844705882353

Base Numbers

Base Red Green Blue
Binary 10110001 00001110 01010010
Octal 261 16 122
Decimal 177 14 82
Hex B1 E 52


Colour Harmonies : #B10E52 colour combinations

Complementary colour scheme for #B10E52

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

Split-complementary colour scheme for #B10E52

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 #B10E52 are calculated by changing the hue by ±5/12 (±150°): 335° → 185° (335°-150°), 485° (335°+150°).

Triadic colours scheme for #B10E52

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 #B10E52 are calculated by changing the hue by ±1/3 (±120°): 335° → 215° (335°-120°), 455° (335°+120°).

Tetradic (Rectangle) colour scheme for #B10E52

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 #B10E52 are calculated by changing the hue as follows : 335° → 455° (335°+120°), 515° (335°+180°), 635° (335°+300°).


Four tetradic scheme colours (counter-clockwise) for #B10E52 are calculated by changing the hue as follows : 335° → 215° (335°-120°), 155° (335°-180°), 35° (335°-300°).

Tetradic Square Colour Scheme for #B10E52

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 #B10E52 are calculated by changing the hue by 1/4 (90°) progressively : 335° → 425° (335°+90°), 515° (335°+180°), 605° (335°+270°).

Analagous colours of #B10E52

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 #B10E52 are calculated by changing the hue by ±1/12 (i.e. 30°): 335° → 365° (335°+30°), 305° (335°-30°).

RGB Variations of #B10E52

(R:B1, G:0E, B:B1)

Monochromatic colours of #B10E52

Shade Colour Variation of #B10E52 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #B10E52 (Brighter)

Tint is created by mixing white to any pure color

Tones of #B10E52 colour with more saturation

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

Tones of #B10E52 colour with less saturation

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

#B10E52 Colour in CSS Codes


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

Text with hexadecimal font colour #B10E52

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


#B10E52 Background Colour

This div background Colour is #B10E52


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


#B10E52 Border Colour

This div border Colour is #B10E52


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(177, 14, 82, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #B10E52;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #B10E52;
    -webkit-box-shadow: 1px 1px 3px 2px #B10E52;
    box-shadow: 1px 1px 3px 2px #B10E52;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(177, 14, 82, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # B10E52



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

Colour Palettes with #B10E52

Colour Compositions

RGB % of Colour #B10E52

CMYK % of Colour #B10E52

Related Colours along with #B10E52

Black background

Sample text in #B10E52 colour with black background colour.

White background

Sample text in #B10E52 colour with white background colour.

#B10E52 over22 #0E52B1

Sample text in #B10E52 colour with #0E52B1 background colour.

#0E52B1 over B10E52

Sample text in #0E52B1 colour with #B10E52 background colour.

#B10E52 over22 #0EA4B1

Sample text in #B10E52 colour with #0EA4B1 background colour.

#0EA4B1 over B10E52

Sample text in #0EA4B1 colour with #B10E52 background colour.

#B10E52 over22 #0EB11C

Sample text in #B10E52 colour with #0EB11C background colour.

#0EB11C over B10E52

Sample text in #0EB11C colour with #B10E52 background colour.

#B10E52 over22 #0EB152

Sample text in #B10E52 colour with #0EB152 background colour.

#0EB152 over B10E52

Sample text in #0EB152 colour with #B10E52 background colour.

#B10E52 over22 #0EB16D

Sample text in #B10E52 colour with #0EB16D background colour.

#0EB16D over B10E52

Sample text in #0EB16D colour with #B10E52 background colour.

#B10E52 over22 #1C0EB1

Sample text in #B10E52 colour with #1C0EB1 background colour.

#1C0EB1 over B10E52

Sample text in #1C0EB1 colour with #B10E52 background colour.

#B10E52 over22 #4EF1AD

Sample text in #B10E52 colour with #4EF1AD background colour.

#4EF1AD over B10E52

Sample text in #4EF1AD colour with #B10E52 background colour.

#B10E52 over22 #520EB1

Sample text in #B10E52 colour with #520EB1 background colour.

#520EB1 over B10E52

Sample text in #520EB1 colour with #B10E52 background colour.

#B10E52 over22 #52B10E

Sample text in #B10E52 colour with #52B10E background colour.

#52B10E over B10E52

Sample text in #52B10E colour with #B10E52 background colour.

#B10E52 over22 #6D0EB1

Sample text in #B10E52 colour with #6D0EB1 background colour.

#6D0EB1 over B10E52

Sample text in #6D0EB1 colour with #B10E52 background colour.

#B10E52 over22 #A4B10E

Sample text in #B10E52 colour with #A4B10E background colour.

#A4B10E over B10E52

Sample text in #A4B10E colour with #B10E52 background colour.

#B10E52 over22 #B1520E

Sample text in #B10E52 colour with #B1520E background colour.

#B1520E over B10E52

Sample text in #B1520E colour with #B10E52 background colour.

#B10E52 over22 #B16D0E

Sample text in #B10E52 colour with #B16D0E background colour.

#B16D0E over B10E52

Sample text in #B16D0E colour with #B10E52 background colour.

#B10E52 over22 #464646

Sample text in #B10E52 colour with #464646 background colour.

#464646 over B10E52

Sample text in #464646 colour with #B10E52 background colour.

#B10E52 over22 #990066

Sample text in #B10E52 colour with #990066 background colour.

#990066 over B10E52

Sample text in #990066 colour with #B10E52 background colour.