Colour code #D8AEFD

#D8AEFD
rgb(216, 174, 253)
rgb(84.7%, 68.2%, 99.2%)

RGB value of #D8AEFD colour is rgb(216, 174, 253) where red value is 216, green value is 174 and the blue value is 253.

Max value from RGB for colour #D8AEFD is 253 which contains mainly Blue colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #D8AEFD hue angle of 271.9°, saturation:95.2% and the lightness value is 83.7%.

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

Hex color #D8AEFD is not a web safe color. Nearby web safe colour of #D8AEFD is #CC99FF.

Grayscale color of #D8AEFD is #C3C3C3

Inverted color of #D8AEFD is #275102

OLE colour (RGB Long) of #D8AEFD is 16625368

Decimal Value of #D8AEFD is 14200573

Android / android.graphics.Color of #D8AEFD is -2576643 / 0xFFD8AEFD

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

Hex Triplets
#D8AEFD
RGB Decimal
rgb(216, 174, 253)
RGB Percent
rgb(84.71%, 68.24%, 99.22%)
RGBA
rgba(216, 174, 253, 1)
HSL
hsl(271.9, 95.2%, 83.7%)
HSLA
hsla(271.9, 95.2%, 83.7%, 1)

Colour spaces of #D8AEFD

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 216
    84.71%
    G = 174
    68.24%
    B = 253
    99.22%

    C = 15.29%
    0.15294117647059
    M = 31.76%
    0.31764705882353
    Y = 0.78%
    0.0078431372549019
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 271.9°
    0.75527426160338
    S = 95.2%
    0.95180722891566
    L = 83.7%
    0.83725490196078
  • HSV (HSB) – hue, saturation, brightness/value
    H = 271.9°
    0.75527426160338
    S = 31.23%
    0.31225296442688
    V = 99.22%
    0.9921568627451
  • CMYK – cyan, magenta, yellow, key/black
    C = 14.62
    0.14624505928854
    M = 31.23
    0.31225296442688
    Y = 0
    0
    K = 0.78
    0.0078431372549019
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 61.185
    61.184576597047
    Y = 51.963
    51.962882473184
    Z = 99.734
    99.733568088397

    Yxy
    CIE (x, y, Y)
    Y = 51.963
    51.962882473184
    x = 0.287
    0.28741206961321
    y = 0.244
    0.24409353509209

    Hunter-Lab
    Hunter 1948 colour space
    L = 72.09
    72.085284540733
    a = 25.36
    25.358053331021
    b = -31.57
    -31.570957836092

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 77.26
    77.258637739486
    a = 29.75
    29.745450337888
    b = -33.44
    -33.442574934217

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 77.2586
    77.258637739486
    u = 16.9488
    16.948812642883
    v = -58.2945
    -58.294495538434

    CIELCH
    Cylindrical representation
    L = 77.2586
    77.258637739486
    C = 44.7571
    44.757095907068
    H = 311.6514
    311.65144774338

    YIQ
    Luma In-phase Quadrature
    Y = 0.7669
    0.76691764705882
    I = -0.0013
    -0.0012823529411765
    Q = 0.1313
    0.13126666666667

Base Numbers

Base Red Green Blue
Binary 11011000 10101110 11111101
Octal 330 256 375
Decimal 216 174 253
Hex D8 AE FD


Colour Harmonies : #D8AEFD colour combinations

Complementary colour scheme for #D8AEFD

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

Split-complementary colour scheme for #D8AEFD

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

Triadic colours scheme for #D8AEFD

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 #D8AEFD are calculated by changing the hue by ±1/3 (±120°): 271.9° → 151.9° (271.9°-120°), 391.9° (271.9°+120°).

Tetradic (Rectangle) colour scheme for #D8AEFD

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 #D8AEFD are calculated by changing the hue as follows : 271.9° → 391.9° (271.9°+120°), 451.9° (271.9°+180°), 571.9° (271.9°+300°).


Four tetradic scheme colours (counter-clockwise) for #D8AEFD are calculated by changing the hue as follows : 271.9° → 151.9° (271.9°-120°), 91.9° (271.9°-180°), -28.1° (271.9°-300°).

Tetradic Square Colour Scheme for #D8AEFD

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 #D8AEFD are calculated by changing the hue by 1/4 (90°) progressively : 271.9° → 361.9° (271.9°+90°), 451.9° (271.9°+180°), 541.9° (271.9°+270°).

Analagous colours of #D8AEFD

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 #D8AEFD are calculated by changing the hue by ±1/12 (i.e. 30°): 271.9° → 301.9° (271.9°+30°), 241.9° (271.9°-30°).

RGB Variations of #D8AEFD

(R:D8, G:AE, B:D8)

Monochromatic colours of #D8AEFD

Shade Colour Variation of #D8AEFD (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #D8AEFD (Brighter)

Tint is created by mixing white to any pure color

Tones of #D8AEFD colour with more saturation

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

Tones of #D8AEFD colour with less saturation

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

#D8AEFD Colour in CSS Codes


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

Text with hexadecimal font colour #D8AEFD

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


#D8AEFD Background Colour

This div background Colour is #D8AEFD


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


#D8AEFD Border Colour

This div border Colour is #D8AEFD


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(216, 174, 253, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #D8AEFD;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #D8AEFD;
    -webkit-box-shadow: 1px 1px 3px 2px #D8AEFD;
    box-shadow: 1px 1px 3px 2px #D8AEFD;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # D8AEFD



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

Colour Palettes with #D8AEFD

Colour Compositions

RGB % of Colour #D8AEFD

CMYK % of Colour #D8AEFD

Related Colours along with #D8AEFD

Black background

Sample text in #D8AEFD colour with black background colour.

White background

Sample text in #D8AEFD colour with white background colour.

#D8AEFD over22 #AED3FD

Sample text in #D8AEFD colour with #AED3FD background colour.

#AED3FD over D8AEFD

Sample text in #AED3FD colour with #D8AEFD background colour.

#D8AEFD over22 #AED8FD

Sample text in #D8AEFD colour with #AED8FD background colour.

#AED8FD over D8AEFD

Sample text in #AED8FD colour with #D8AEFD background colour.

#D8AEFD over22 #AEFAFD

Sample text in #D8AEFD colour with #AEFAFD background colour.

#AEFAFD over D8AEFD

Sample text in #AEFAFD colour with #D8AEFD background colour.

#D8AEFD over22 #AEFDB0

Sample text in #D8AEFD colour with #AEFDB0 background colour.

#AEFDB0 over D8AEFD

Sample text in #AEFDB0 colour with #D8AEFD background colour.

#D8AEFD over22 #AEFDD8

Sample text in #D8AEFD colour with #AEFDD8 background colour.

#AEFDD8 over D8AEFD

Sample text in #AEFDD8 colour with #D8AEFD background colour.

#D8AEFD over22 #C3C3C3

Sample text in #D8AEFD colour with #C3C3C3 background colour.

#C3C3C3 over D8AEFD

Sample text in #C3C3C3 colour with #D8AEFD background colour.

#D8AEFD over22 #CC99FF

Sample text in #D8AEFD colour with #CC99FF background colour.

#CC99FF over D8AEFD

Sample text in #CC99FF colour with #D8AEFD background colour.

#D8AEFD over22 #D3FDAE

Sample text in #D8AEFD colour with #D3FDAE background colour.

#D3FDAE over D8AEFD

Sample text in #D3FDAE colour with #D8AEFD background colour.

#D8AEFD over22 #D8FDAE

Sample text in #D8AEFD colour with #D8FDAE background colour.

#D8FDAE over D8AEFD

Sample text in #D8FDAE colour with #D8AEFD background colour.

#D8AEFD over22 #FAFDAE

Sample text in #D8AEFD colour with #FAFDAE background colour.

#FAFDAE over D8AEFD

Sample text in #FAFDAE colour with #D8AEFD background colour.

#D8AEFD over22 #FDAED3

Sample text in #D8AEFD colour with #FDAED3 background colour.

#FDAED3 over D8AEFD

Sample text in #FDAED3 colour with #D8AEFD background colour.

#D8AEFD over22 #FDAED8

Sample text in #D8AEFD colour with #FDAED8 background colour.

#FDAED8 over D8AEFD

Sample text in #FDAED8 colour with #D8AEFD background colour.

#D8AEFD over22 #FDB0AE

Sample text in #D8AEFD colour with #FDB0AE background colour.

#FDB0AE over D8AEFD

Sample text in #FDB0AE colour with #D8AEFD background colour.

#D8AEFD over22 #FDD8AE

Sample text in #D8AEFD colour with #FDD8AE background colour.

#FDD8AE over D8AEFD

Sample text in #FDD8AE colour with #D8AEFD background colour.

#D8AEFD over22 #275102

Sample text in #D8AEFD colour with #275102 background colour.

#275102 over D8AEFD

Sample text in #275102 colour with #D8AEFD background colour.