Colour code #7339AC

#7339AC
rgb(115, 57, 172)
rgb(45.1%, 22.4%, 67.5%)

RGB value of #7339AC colour is rgb(115, 57, 172) where red value is 115, green value is 57 and the blue value is 172.

Max value from RGB for colour #7339AC is 172 which contains mainly Blue colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #7339AC hue angle of 270.3°, saturation:50.2% and the lightness value is 44.9%.

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

Hex color #7339AC is not a web safe color. Nearby web safe colour of #7339AC is #663399.

Grayscale color of #7339AC is #575757

Inverted color of #7339AC is #8CC653

OLE colour (RGB Long) of #7339AC is 11286899

Decimal Value of #7339AC is 7551404

Android / android.graphics.Color of #7339AC is -9225812 / 0xFF7339AC

The following declarations are allowed (CSS 3.0) for #7339AC

Hex Triplets
#7339AC
RGB Decimal
rgb(115, 57, 172)
RGB Percent
rgb(45.1%, 22.35%, 67.45%)
RGBA
rgba(115, 57, 172, 1)
HSL
hsl(270.3, 50.2%, 44.9%)
HSLA
hsla(270.3, 50.2%, 44.9%, 1)

Colour spaces of #7339AC

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 115
    45.1%
    G = 57
    22.35%
    B = 172
    67.45%

    C = 54.9%
    0.54901960784314
    M = 77.65%
    0.77647058823529
    Y = 32.55%
    0.32549019607843
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 270.3°
    0.75072463768116
    S = 50.2%
    0.50218340611354
    L = 44.9%
    0.44901960784314
  • HSV (HSB) – hue, saturation, brightness/value
    H = 270.3°
    0.75072463768116
    S = 66.86%
    0.66860465116279
    V = 67.45%
    0.67450980392157
  • CMYK – cyan, magenta, yellow, key/black
    C = 33.14
    0.33139534883721
    M = 66.86
    0.66860465116279
    Y = 0
    0
    K = 32.55
    0.32549019607843
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 15.98
    15.979752608995
    Y = 9.55
    9.5496503537117
    Z = 40.031
    40.030765883189

    Yxy
    CIE (x, y, Y)
    Y = 9.55
    9.5496503537117
    x = 0.244
    0.24374178545142
    y = 0.146
    0.14566238192825

    Hunter-Lab
    Hunter 1948 colour space
    L = 30.9
    30.902508561137
    a = 38.22
    38.223337968476
    b = -55.17
    -55.171850566157

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 37.02
    37.021720109705
    a = 47.42
    47.418789662343
    b = -51.86
    -51.859622016749

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 37.0217
    37.021720109705
    u = 14.9201
    14.920100542325
    v = -77.3096
    -77.309571883458

    CIELCH
    Cylindrical representation
    L = 37.0217
    37.021720109705
    C = 70.2706
    70.27063404269
    H = 312.4388
    312.43880417316

    YIQ
    Luma In-phase Quadrature
    Y = 0.3429
    0.34294901960784
    I = -0.0092
    -0.0092039215686275
    Q = 0.1885
    0.18847450980392

Base Numbers

Base Red Green Blue
Binary 01110011 00111001 10101100
Octal 163 71 254
Decimal 115 57 172
Hex 73 39 AC


Colour Harmonies : #7339AC colour combinations

Complementary colour scheme for #7339AC

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 #7339AC colour is calculated by adding 180° to the value of the current hue: 270.3° → 450.3° (+180°)

Split-complementary colour scheme for #7339AC

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 #7339AC are calculated by changing the hue by ±5/12 (±150°): 270.3° → 120.3° (270.3°-150°), 420.3° (270.3°+150°).

Triadic colours scheme for #7339AC

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 #7339AC are calculated by changing the hue by ±1/3 (±120°): 270.3° → 150.3° (270.3°-120°), 390.3° (270.3°+120°).

Tetradic (Rectangle) colour scheme for #7339AC

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 #7339AC are calculated by changing the hue as follows : 270.3° → 390.3° (270.3°+120°), 450.3° (270.3°+180°), 570.3° (270.3°+300°).


Four tetradic scheme colours (counter-clockwise) for #7339AC are calculated by changing the hue as follows : 270.3° → 150.3° (270.3°-120°), 90.3° (270.3°-180°), -29.7° (270.3°-300°).

Tetradic Square Colour Scheme for #7339AC

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 #7339AC are calculated by changing the hue by 1/4 (90°) progressively : 270.3° → 360.3° (270.3°+90°), 450.3° (270.3°+180°), 540.3° (270.3°+270°).

Analagous colours of #7339AC

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 #7339AC are calculated by changing the hue by ±1/12 (i.e. 30°): 270.3° → 300.3° (270.3°+30°), 240.3° (270.3°-30°).

RGB Variations of #7339AC

(R:73, G:39, B:73)

Monochromatic colours of #7339AC

Shade Colour Variation of #7339AC (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #7339AC (Brighter)

Tint is created by mixing white to any pure color

Tones of #7339AC colour with more saturation

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

Tones of #7339AC colour with less saturation

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

#7339AC Colour in CSS Codes


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

Text with hexadecimal font colour #7339AC

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


#7339AC Background Colour

This div background Colour is #7339AC


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


#7339AC Border Colour

This div border Colour is #7339AC


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(115, 57, 172, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #7339AC;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #7339AC;
    -webkit-box-shadow: 1px 1px 3px 2px #7339AC;
    box-shadow: 1px 1px 3px 2px #7339AC;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # 7339AC



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

Colour Palettes with #7339AC

Colour Compositions

RGB % of Colour #7339AC

CMYK % of Colour #7339AC

Related Colours along with #7339AC

Black background

Sample text in #7339AC colour with black background colour.

White background

Sample text in #7339AC colour with white background colour.

#7339AC over22 #3972AC

Sample text in #7339AC colour with #3972AC background colour.

#3972AC over 7339AC

Sample text in #3972AC colour with #7339AC background colour.

#7339AC over22 #3973AC

Sample text in #7339AC colour with #3973AC background colour.

#3973AC over 7339AC

Sample text in #3973AC colour with #7339AC background colour.

#7339AC over22 #39ABAC

Sample text in #7339AC colour with #39ABAC background colour.

#39ABAC over 7339AC

Sample text in #39ABAC colour with #7339AC background colour.

#7339AC over22 #39AC39

Sample text in #7339AC colour with #39AC39 background colour.

#39AC39 over 7339AC

Sample text in #39AC39 colour with #7339AC background colour.

#7339AC over22 #39AC73

Sample text in #7339AC colour with #39AC73 background colour.

#39AC73 over 7339AC

Sample text in #39AC73 colour with #7339AC background colour.

#7339AC over22 #72AC39

Sample text in #7339AC colour with #72AC39 background colour.

#72AC39 over 7339AC

Sample text in #72AC39 colour with #7339AC background colour.

#7339AC over22 #73AC39

Sample text in #7339AC colour with #73AC39 background colour.

#73AC39 over 7339AC

Sample text in #73AC39 colour with #7339AC background colour.

#7339AC over22 #8CC653

Sample text in #7339AC colour with #8CC653 background colour.

#8CC653 over 7339AC

Sample text in #8CC653 colour with #7339AC background colour.

#7339AC over22 #ABAC39

Sample text in #7339AC colour with #ABAC39 background colour.

#ABAC39 over 7339AC

Sample text in #ABAC39 colour with #7339AC background colour.

#7339AC over22 #AC3939

Sample text in #7339AC colour with #AC3939 background colour.

#AC3939 over 7339AC

Sample text in #AC3939 colour with #7339AC background colour.

#7339AC over22 #AC3972

Sample text in #7339AC colour with #AC3972 background colour.

#AC3972 over 7339AC

Sample text in #AC3972 colour with #7339AC background colour.

#7339AC over22 #AC3973

Sample text in #7339AC colour with #AC3973 background colour.

#AC3973 over 7339AC

Sample text in #AC3973 colour with #7339AC background colour.

#7339AC over22 #AC7339

Sample text in #7339AC colour with #AC7339 background colour.

#AC7339 over 7339AC

Sample text in #AC7339 colour with #7339AC background colour.

#7339AC over22 #575757

Sample text in #7339AC colour with #575757 background colour.

#575757 over 7339AC

Sample text in #575757 colour with #7339AC background colour.

#7339AC over22 #663399

Sample text in #7339AC colour with #663399 background colour.

#663399 over 7339AC

Sample text in #663399 colour with #7339AC background colour.