Colour code #7C1D7C

#7C1D7C
rgb(124, 29, 124)
rgb(48.6%, 11.4%, 48.6%)

RGB value of #7C1D7C colour is rgb(124, 29, 124) where red value is 124, green value is 29 and the blue value is 124.

Max value from RGB for colour #7C1D7C is 124 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #7C1D7C hue angle of 300°, saturation:62.1% and the lightness value is 30%.

The process colour (four Colour CMYK) of #7C1D7C colour is Cyan = 0, Magento = 0.77, Yellow = 0, and Key/Black (K on CMYK) = 0.51.

Hex color #7C1D7C is not a web safe color. Nearby web safe colour of #7C1D7C is #663366.

Grayscale color of #7C1D7C is #434343

Inverted color of #7C1D7C is #83E283

OLE colour (RGB Long) of #7C1D7C is 8134012

Decimal Value of #7C1D7C is 8134012

Android / android.graphics.Color of #7C1D7C is -8643204 / 0xFF7C1D7C

The following declarations are allowed (CSS 3.0) for #7C1D7C

Hex Triplets
#7C1D7C
RGB Decimal
rgb(124, 29, 124)
RGB Percent
rgb(48.63%, 11.37%, 48.63%)
RGBA
rgba(124, 29, 124, 1)
HSL
hsl(300, 62.1%, 30%)
HSLA
hsla(300, 62.1%, 30%, 1)

Colour spaces of #7C1D7C

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 124
    48.63%
    G = 29
    11.37%
    B = 124
    48.63%

    C = 51.37%
    0.51372549019608
    M = 88.63%
    0.88627450980392
    Y = 51.37%
    0.51372549019608
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 300°
    0.83333333333333
    S = 62.1%
    0.62091503267974
    L = 30%
    0.3
  • HSV (HSB) – hue, saturation, brightness/value
    H = 300°
    0.83333333333333
    S = 76.61%
    0.76612903225806
    V = 48.63%
    0.48627450980392
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 76.61
    0.76612903225806
    Y = 0
    0
    K = 51.37
    0.51372549019608
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 12.39
    12.389635111113
    Y = 6.619
    6.6190517553511
    Z = 19.693
    19.693380434195

    Yxy
    CIE (x, y, Y)
    Y = 6.619
    6.6190517553511
    x = 0.32
    0.32012850928255
    y = 0.171
    0.1710257931167

    Hunter-Lab
    Hunter 1948 colour space
    L = 25.73
    25.727517865801
    a = 40.94
    40.937326936901
    b = -27.37
    -27.374848469352

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 30.92
    30.923447750264
    a = 51.26
    51.262482631541
    b = -32.2
    -32.202917719108

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 30.9234
    30.923447750264
    u = 37.1417
    37.141663953082
    v = -48.0261
    -48.026085934364

    CIELCH
    Cylindrical representation
    L = 30.9234
    30.923447750264
    C = 60.5382
    60.538170067922
    H = 327.8631
    327.86310104428

    YIQ
    Luma In-phase Quadrature
    Y = 0.2676
    0.26758823529412
    I = 0.1025
    0.10245098039216
    Q = 0.1948
    0.1948431372549

Base Numbers

Base Red Green Blue
Binary 01111100 00011101 01111100
Octal 174 35 174
Decimal 124 29 124
Hex 7C 1D 7C


Colour Harmonies : #7C1D7C colour combinations

Complementary colour scheme for #7C1D7C

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

Split-complementary colour scheme for #7C1D7C

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

Triadic colours scheme for #7C1D7C

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 #7C1D7C are calculated by changing the hue by ±1/3 (±120°): 300° → 180° (300°-120°), 420° (300°+120°).

Tetradic (Rectangle) colour scheme for #7C1D7C

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 #7C1D7C are calculated by changing the hue as follows : 300° → 420° (300°+120°), 480° (300°+180°), 600° (300°+300°).


Four tetradic scheme colours (counter-clockwise) for #7C1D7C are calculated by changing the hue as follows : 300° → 180° (300°-120°), 120° (300°-180°), 0° (300°-300°).

Tetradic Square Colour Scheme for #7C1D7C

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 #7C1D7C are calculated by changing the hue by 1/4 (90°) progressively : 300° → 390° (300°+90°), 480° (300°+180°), 570° (300°+270°).

Analagous colours of #7C1D7C

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 #7C1D7C are calculated by changing the hue by ±1/12 (i.e. 30°): 300° → 330° (300°+30°), 270° (300°-30°).

RGB Variations of #7C1D7C

(R:7C, G:1D, B:7C)

Monochromatic colours of #7C1D7C

Shade Colour Variation of #7C1D7C (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #7C1D7C (Brighter)

Tint is created by mixing white to any pure color

Tones of #7C1D7C colour with more saturation

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

Tones of #7C1D7C colour with less saturation

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

#7C1D7C Colour in CSS Codes


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

Text with hexadecimal font colour #7C1D7C

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


#7C1D7C Background Colour

This div background Colour is #7C1D7C


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


#7C1D7C Border Colour

This div border Colour is #7C1D7C


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(124, 29, 124, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #7C1D7C;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #7C1D7C;
    -webkit-box-shadow: 1px 1px 3px 2px #7C1D7C;
    box-shadow: 1px 1px 3px 2px #7C1D7C;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 7C1D7C



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

Colour Palettes with #7C1D7C

Colour Compositions

RGB % of Colour #7C1D7C

CMYK % of Colour #7C1D7C

Related Colours along with #7C1D7C

Black background

Sample text in #7C1D7C colour with black background colour.

White background

Sample text in #7C1D7C colour with white background colour.

#7C1D7C over22 #1D1D7C

Sample text in #7C1D7C colour with #1D1D7C background colour.

#1D1D7C over 7C1D7C

Sample text in #1D1D7C colour with #7C1D7C background colour.

#7C1D7C over22 #1D4D7C

Sample text in #7C1D7C colour with #1D4D7C background colour.

#1D4D7C over 7C1D7C

Sample text in #1D4D7C colour with #7C1D7C background colour.

#7C1D7C over22 #1D7C1D

Sample text in #7C1D7C colour with #1D7C1D background colour.

#1D7C1D over 7C1D7C

Sample text in #1D7C1D colour with #7C1D7C background colour.

#7C1D7C over22 #1D7C4D

Sample text in #7C1D7C colour with #1D7C4D background colour.

#1D7C4D over 7C1D7C

Sample text in #1D7C4D colour with #7C1D7C background colour.

#7C1D7C over22 #1D7C7C

Sample text in #7C1D7C colour with #1D7C7C background colour.

#1D7C7C over 7C1D7C

Sample text in #1D7C7C colour with #7C1D7C background colour.

#7C1D7C over22 #4D7C1D

Sample text in #7C1D7C colour with #4D7C1D background colour.

#4D7C1D over 7C1D7C

Sample text in #4D7C1D colour with #7C1D7C background colour.

#7C1D7C over22 #7C1D1D

Sample text in #7C1D7C colour with #7C1D1D background colour.

#7C1D1D over 7C1D7C

Sample text in #7C1D1D colour with #7C1D7C background colour.

#7C1D7C over22 #7C4D1D

Sample text in #7C1D7C colour with #7C4D1D background colour.

#7C4D1D over 7C1D7C

Sample text in #7C4D1D colour with #7C1D7C background colour.

#7C1D7C over22 #7C7C1D

Sample text in #7C1D7C colour with #7C7C1D background colour.

#7C7C1D over 7C1D7C

Sample text in #7C7C1D colour with #7C1D7C background colour.

#7C1D7C over22 #434343

Sample text in #7C1D7C colour with #434343 background colour.

#434343 over 7C1D7C

Sample text in #434343 colour with #7C1D7C background colour.

#7C1D7C over22 #663366

Sample text in #7C1D7C colour with #663366 background colour.

#663366 over 7C1D7C

Sample text in #663366 colour with #7C1D7C background colour.

#7C1D7C over22 #83E283

Sample text in #7C1D7C colour with #83E283 background colour.

#83E283 over 7C1D7C

Sample text in #83E283 colour with #7C1D7C background colour.