Colour code #AF3DBC

#AF3DBC
rgb(175, 61, 188)
rgb(68.6%, 23.9%, 73.7%)

RGB value of #AF3DBC colour is rgb(175, 61, 188) where red value is 175, green value is 61 and the blue value is 188.

Max value from RGB for colour #AF3DBC is 188 which contains mainly Blue colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #AF3DBC hue angle of 293.9°, saturation:51% and the lightness value is 48.8%.

The process colour (four Colour CMYK) of #AF3DBC colour is Cyan = 0.07, Magento = 0.68, Yellow = 0, and Key/Black (K on CMYK) = 0.26.

Hex color #AF3DBC is not a web safe color. Nearby web safe colour of #AF3DBC is #9933CC.

Grayscale color of #AF3DBC is #6D6D6D

Inverted color of #AF3DBC is #50C243

OLE colour (RGB Long) of #AF3DBC is 12336559

Decimal Value of #AF3DBC is 11484604

Android / android.graphics.Color of #AF3DBC is -5292612 / 0xFFAF3DBC

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

Hex Triplets
#AF3DBC
RGB Decimal
rgb(175, 61, 188)
RGB Percent
rgb(68.63%, 23.92%, 73.73%)
RGBA
rgba(175, 61, 188, 1)
HSL
hsl(293.9, 51%, 48.8%)
HSLA
hsla(293.9, 51%, 48.8%, 1)

Colour spaces of #AF3DBC

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 175
    68.63%
    G = 61
    23.92%
    B = 188
    73.73%

    C = 31.37%
    0.31372549019608
    M = 76.08%
    0.76078431372549
    Y = 26.27%
    0.26274509803922
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 293.9°
    0.81627296587927
    S = 51%
    0.51004016064257
    L = 48.8%
    0.48823529411765
  • HSV (HSB) – hue, saturation, brightness/value
    H = 293.9°
    0.81627296587927
    S = 67.55%
    0.67553191489362
    V = 73.73%
    0.73725490196078
  • CMYK – cyan, magenta, yellow, key/black
    C = 6.91
    0.069148936170213
    M = 67.55
    0.67553191489362
    Y = 0
    0
    K = 26.27
    0.26274509803922
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 28.425
    28.425040135252
    Y = 16.082
    16.08228715982
    Z = 49.183
    49.182978323596

    Yxy
    CIE (x, y, Y)
    Y = 16.082
    16.08228715982
    x = 0.303
    0.3033936109777
    y = 0.172
    0.17165369515686

    Hunter-Lab
    Hunter 1948 colour space
    L = 40.1
    40.102727039218
    a = 56.34
    56.342039008078
    b = -44.64
    -44.642816481477

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 47.08
    47.082262320449
    a = 62.46
    62.461328222505
    b = -44.69
    -44.692667492269

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 47.0823
    47.082262320449
    u = 45.7132
    45.713205554965
    v = -74.3113
    -74.311262825147

    CIELCH
    Cylindrical representation
    L = 47.0823
    47.082262320449
    C = 76.804
    76.803984602976
    H = 324.4153
    324.41531683949

    YIQ
    Luma In-phase Quadrature
    Y = 0.4297
    0.42966274509804
    I = 0.1066
    0.10657647058824
    Q = 0.2497
    0.24966666666667

Base Numbers

Base Red Green Blue
Binary 10101111 00111101 10111100
Octal 257 75 274
Decimal 175 61 188
Hex AF 3D BC


Colour Harmonies : #AF3DBC colour combinations

Complementary colour scheme for #AF3DBC

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

Split-complementary colour scheme for #AF3DBC

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

Triadic colours scheme for #AF3DBC

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 #AF3DBC are calculated by changing the hue by ±1/3 (±120°): 293.9° → 173.9° (293.9°-120°), 413.9° (293.9°+120°).

Tetradic (Rectangle) colour scheme for #AF3DBC

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 #AF3DBC are calculated by changing the hue as follows : 293.9° → 413.9° (293.9°+120°), 473.9° (293.9°+180°), 593.9° (293.9°+300°).


Four tetradic scheme colours (counter-clockwise) for #AF3DBC are calculated by changing the hue as follows : 293.9° → 173.9° (293.9°-120°), 113.9° (293.9°-180°), -6.1° (293.9°-300°).

Tetradic Square Colour Scheme for #AF3DBC

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 #AF3DBC are calculated by changing the hue by 1/4 (90°) progressively : 293.9° → 383.9° (293.9°+90°), 473.9° (293.9°+180°), 563.9° (293.9°+270°).

Analagous colours of #AF3DBC

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 #AF3DBC are calculated by changing the hue by ±1/12 (i.e. 30°): 293.9° → 323.9° (293.9°+30°), 263.9° (293.9°-30°).

RGB Variations of #AF3DBC

(R:AF, G:3D, B:AF)

Monochromatic colours of #AF3DBC

Shade Colour Variation of #AF3DBC (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #AF3DBC (Brighter)

Tint is created by mixing white to any pure color

Tones of #AF3DBC colour with more saturation

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

Tones of #AF3DBC colour with less saturation

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

#AF3DBC Colour in CSS Codes


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

Text with hexadecimal font colour #AF3DBC

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


#AF3DBC Background Colour

This div background Colour is #AF3DBC


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


#AF3DBC Border Colour

This div border Colour is #AF3DBC


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(175, 61, 188, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #AF3DBC;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #AF3DBC;
    -webkit-box-shadow: 1px 1px 3px 2px #AF3DBC;
    box-shadow: 1px 1px 3px 2px #AF3DBC;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # AF3DBC



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

Colour Palettes with #AF3DBC

Colour Compositions

RGB % of Colour #AF3DBC

CMYK % of Colour #AF3DBC

Related Colours along with #AF3DBC

Black background

Sample text in #AF3DBC colour with black background colour.

White background

Sample text in #AF3DBC colour with white background colour.

#AF3DBC over22 #3D4ABC

Sample text in #AF3DBC colour with #3D4ABC background colour.

#3D4ABC over AF3DBC

Sample text in #3D4ABC colour with #AF3DBC background colour.

#AF3DBC over22 #3D8ABC

Sample text in #AF3DBC colour with #3D8ABC background colour.

#3D8ABC over AF3DBC

Sample text in #3D8ABC colour with #AF3DBC background colour.

#AF3DBC over22 #3DAFBC

Sample text in #AF3DBC colour with #3DAFBC background colour.

#3DAFBC over AF3DBC

Sample text in #3DAFBC colour with #AF3DBC background colour.

#AF3DBC over22 #3DBC70

Sample text in #AF3DBC colour with #3DBC70 background colour.

#3DBC70 over AF3DBC

Sample text in #3DBC70 colour with #AF3DBC background colour.

#AF3DBC over22 #3DBCAF

Sample text in #AF3DBC colour with #3DBCAF background colour.

#3DBCAF over AF3DBC

Sample text in #3DBCAF colour with #AF3DBC background colour.

#AF3DBC over22 #4ABC3D

Sample text in #AF3DBC colour with #4ABC3D background colour.

#4ABC3D over AF3DBC

Sample text in #4ABC3D colour with #AF3DBC background colour.

#AF3DBC over22 #50C243

Sample text in #AF3DBC colour with #50C243 background colour.

#50C243 over AF3DBC

Sample text in #50C243 colour with #AF3DBC background colour.

#AF3DBC over22 #6D6D6D

Sample text in #AF3DBC colour with #6D6D6D background colour.

#6D6D6D over AF3DBC

Sample text in #6D6D6D colour with #AF3DBC background colour.

#AF3DBC over22 #8ABC3D

Sample text in #AF3DBC colour with #8ABC3D background colour.

#8ABC3D over AF3DBC

Sample text in #8ABC3D colour with #AF3DBC background colour.

#AF3DBC over22 #9933CC

Sample text in #AF3DBC colour with #9933CC background colour.

#9933CC over AF3DBC

Sample text in #9933CC colour with #AF3DBC background colour.

#AF3DBC over22 #AFBC3D

Sample text in #AF3DBC colour with #AFBC3D background colour.

#AFBC3D over AF3DBC

Sample text in #AFBC3D colour with #AF3DBC background colour.

#AF3DBC over22 #BC3D4A

Sample text in #AF3DBC colour with #BC3D4A background colour.

#BC3D4A over AF3DBC

Sample text in #BC3D4A colour with #AF3DBC background colour.

#AF3DBC over22 #BC3DAF

Sample text in #AF3DBC colour with #BC3DAF background colour.

#BC3DAF over AF3DBC

Sample text in #BC3DAF colour with #AF3DBC background colour.

#AF3DBC over22 #BC703D

Sample text in #AF3DBC colour with #BC703D background colour.

#BC703D over AF3DBC

Sample text in #BC703D colour with #AF3DBC background colour.

#AF3DBC over22 #BCAF3D

Sample text in #AF3DBC colour with #BCAF3D background colour.

#BCAF3D over AF3DBC

Sample text in #BCAF3D colour with #AF3DBC background colour.