Colour code #AC35A6

#AC35A6
rgb(172, 53, 166)
rgb(67.5%, 20.8%, 65.1%)

RGB value of #AC35A6 colour is rgb(172, 53, 166) where red value is 172, green value is 53 and the blue value is 166.

Max value from RGB for colour #AC35A6 is 172 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #AC35A6 hue angle of 303°, saturation:52.9% and the lightness value is 44.1%.

The process colour (four Colour CMYK) of #AC35A6 colour is Cyan = 0, Magento = 0.69, Yellow = 0.03, and Key/Black (K on CMYK) = 0.33.

Hex color #AC35A6 is not a web safe color. Nearby web safe colour of #AC35A6 is #993399.

Grayscale color of #AC35A6 is #656565

Inverted color of #AC35A6 is #53CA59

OLE colour (RGB Long) of #AC35A6 is 10892716

Decimal Value of #AC35A6 is 11285926

Android / android.graphics.Color of #AC35A6 is -5491290 / 0xFFAC35A6

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

Hex Triplets
#AC35A6
RGB Decimal
rgb(172, 53, 166)
RGB Percent
rgb(67.45%, 20.78%, 65.1%)
RGBA
rgba(172, 53, 166, 1)
HSL
hsl(303, 52.9%, 44.1%)
HSLA
hsla(303, 52.9%, 44.1%, 1)

Colour spaces of #AC35A6

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 172
    67.45%
    G = 53
    20.78%
    B = 166
    65.1%

    C = 32.55%
    0.32549019607843
    M = 79.22%
    0.7921568627451
    Y = 34.9%
    0.34901960784314
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 303°
    0.84173669467787
    S = 52.9%
    0.52888888888889
    L = 44.1%
    0.44117647058824
  • HSV (HSB) – hue, saturation, brightness/value
    H = 303°
    0.84173669467787
    S = 69.19%
    0.69186046511628
    V = 67.45%
    0.67450980392157
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 69.19
    0.69186046511628
    Y = 3.49
    0.034883720930233
    K = 32.55
    0.32549019607843
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 25.169
    25.169294906364
    Y = 14.07
    14.070035805072
    Z = 37.466
    37.465612303996

    Yxy
    CIE (x, y, Y)
    Y = 14.07
    14.070035805072
    x = 0.328
    0.32813132918044
    y = 0.183
    0.18343062717929

    Hunter-Lab
    Hunter 1948 colour space
    L = 37.51
    37.510046394362
    a = 54.13
    54.131174713864
    b = -32.96
    -32.962733080883

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 44.33
    44.333204128475
    a = 61.02
    61.023796832763
    b = -36.13
    -36.125452621377

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 44.3332
    44.333204128475
    u = 52.4177
    52.417748906842
    v = -60.5723
    -60.572304217658

    CIELCH
    Cylindrical representation
    L = 44.3332
    44.333204128475
    C = 70.9151
    70.915104928256
    H = 329.3749
    329.3749088385

    YIQ
    Luma In-phase Quadrature
    Y = 0.3979
    0.39789411764706
    I = 0.1359
    0.1358862745098
    Q = 0.2367
    0.23674901960784

Base Numbers

Base Red Green Blue
Binary 10101100 00110101 10100110
Octal 254 65 246
Decimal 172 53 166
Hex AC 35 A6


Colour Harmonies : #AC35A6 colour combinations

Complementary colour scheme for #AC35A6

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

Split-complementary colour scheme for #AC35A6

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

Triadic colours scheme for #AC35A6

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 #AC35A6 are calculated by changing the hue by ±1/3 (±120°): 303° → 183° (303°-120°), 423° (303°+120°).

Tetradic (Rectangle) colour scheme for #AC35A6

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 #AC35A6 are calculated by changing the hue as follows : 303° → 423° (303°+120°), 483° (303°+180°), 603° (303°+300°).


Four tetradic scheme colours (counter-clockwise) for #AC35A6 are calculated by changing the hue as follows : 303° → 183° (303°-120°), 123° (303°-180°), 3° (303°-300°).

Tetradic Square Colour Scheme for #AC35A6

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 #AC35A6 are calculated by changing the hue by 1/4 (90°) progressively : 303° → 393° (303°+90°), 483° (303°+180°), 573° (303°+270°).

Analagous colours of #AC35A6

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 #AC35A6 are calculated by changing the hue by ±1/12 (i.e. 30°): 303° → 333° (303°+30°), 273° (303°-30°).

RGB Variations of #AC35A6

(R:AC, G:35, B:AC)

Monochromatic colours of #AC35A6

Shade Colour Variation of #AC35A6 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #AC35A6 (Brighter)

Tint is created by mixing white to any pure color

Tones of #AC35A6 colour with more saturation

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

Tones of #AC35A6 colour with less saturation

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

#AC35A6 Colour in CSS Codes


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

Text with hexadecimal font colour #AC35A6

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


#AC35A6 Background Colour

This div background Colour is #AC35A6


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


#AC35A6 Border Colour

This div border Colour is #AC35A6


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(172, 53, 166, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #AC35A6;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #AC35A6;
    -webkit-box-shadow: 1px 1px 3px 2px #AC35A6;
    box-shadow: 1px 1px 3px 2px #AC35A6;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # AC35A6



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

Colour Palettes with #AC35A6

Colour Compositions

RGB % of Colour #AC35A6

CMYK % of Colour #AC35A6

Related Colours along with #AC35A6

Black background

Sample text in #AC35A6 colour with black background colour.

White background

Sample text in #AC35A6 colour with white background colour.

#AC35A6 over22 #356BAC

Sample text in #AC35A6 colour with #356BAC background colour.

#356BAC over AC35A6

Sample text in #356BAC colour with #AC35A6 background colour.

#AC35A6 over22 #35A6AC

Sample text in #AC35A6 colour with #35A6AC background colour.

#35A6AC over AC35A6

Sample text in #35A6AC colour with #AC35A6 background colour.

#AC35A6 over22 #35AC3B

Sample text in #AC35A6 colour with #35AC3B background colour.

#35AC3B over AC35A6

Sample text in #35AC3B colour with #AC35A6 background colour.

#AC35A6 over22 #35AC77

Sample text in #AC35A6 colour with #35AC77 background colour.

#35AC77 over AC35A6

Sample text in #35AC77 colour with #AC35A6 background colour.

#AC35A6 over22 #35ACA6

Sample text in #AC35A6 colour with #35ACA6 background colour.

#35ACA6 over AC35A6

Sample text in #35ACA6 colour with #AC35A6 background colour.

#AC35A6 over22 #3B35AC

Sample text in #AC35A6 colour with #3B35AC background colour.

#3B35AC over AC35A6

Sample text in #3B35AC colour with #AC35A6 background colour.

#AC35A6 over22 #53CA59

Sample text in #AC35A6 colour with #53CA59 background colour.

#53CA59 over AC35A6

Sample text in #53CA59 colour with #AC35A6 background colour.

#AC35A6 over22 #6BAC35

Sample text in #AC35A6 colour with #6BAC35 background colour.

#6BAC35 over AC35A6

Sample text in #6BAC35 colour with #AC35A6 background colour.

#AC35A6 over22 #A635AC

Sample text in #AC35A6 colour with #A635AC background colour.

#A635AC over AC35A6

Sample text in #A635AC colour with #AC35A6 background colour.

#AC35A6 over22 #A6AC35

Sample text in #AC35A6 colour with #A6AC35 background colour.

#A6AC35 over AC35A6

Sample text in #A6AC35 colour with #AC35A6 background colour.

#AC35A6 over22 #AC3B35

Sample text in #AC35A6 colour with #AC3B35 background colour.

#AC3B35 over AC35A6

Sample text in #AC3B35 colour with #AC35A6 background colour.

#AC35A6 over22 #AC7735

Sample text in #AC35A6 colour with #AC7735 background colour.

#AC7735 over AC35A6

Sample text in #AC7735 colour with #AC35A6 background colour.

#AC35A6 over22 #ACA635

Sample text in #AC35A6 colour with #ACA635 background colour.

#ACA635 over AC35A6

Sample text in #ACA635 colour with #AC35A6 background colour.

#AC35A6 over22 #656565

Sample text in #AC35A6 colour with #656565 background colour.

#656565 over AC35A6

Sample text in #656565 colour with #AC35A6 background colour.

#AC35A6 over22 #993399

Sample text in #AC35A6 colour with #993399 background colour.

#993399 over AC35A6

Sample text in #993399 colour with #AC35A6 background colour.