Colour code #D53E69

#D53E69
rgb(213, 62, 105)
rgb(83.5%, 24.3%, 41.2%)

RGB value of #D53E69 colour is rgb(213, 62, 105) where red value is 213, green value is 62 and the blue value is 105.

Max value from RGB for colour #D53E69 is 213 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #D53E69 hue angle of 342.9°, saturation:64.3% and the lightness value is 53.9%.

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

Hex color #D53E69 is not a web safe color. Nearby web safe colour of #D53E69 is #CC3366.

Grayscale color of #D53E69 is #707070

Inverted color of #D53E69 is #2AC196

OLE colour (RGB Long) of #D53E69 is 6897365

Decimal Value of #D53E69 is 13975145

Android / android.graphics.Color of #D53E69 is -2802071 / 0xFFD53E69

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

Hex Triplets
#D53E69
RGB Decimal
rgb(213, 62, 105)
RGB Percent
rgb(83.53%, 24.31%, 41.18%)
RGBA
rgba(213, 62, 105, 1)
HSL
hsl(342.9, 64.3%, 53.9%)
HSLA
hsla(342.9, 64.3%, 53.9%, 1)

Colour spaces of #D53E69

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 213
    83.53%
    G = 62
    24.31%
    B = 105
    41.18%

    C = 16.47%
    0.16470588235294
    M = 75.69%
    0.75686274509804
    Y = 58.82%
    0.58823529411765
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 342.9°
    0.95253863134658
    S = 64.3%
    0.64255319148936
    L = 53.9%
    0.53921568627451
  • HSV (HSB) – hue, saturation, brightness/value
    H = 342.9°
    0.95253863134658
    S = 70.89%
    0.70892018779343
    V = 83.53%
    0.83529411764706
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 70.89
    0.70892018779343
    Y = 50.7
    0.50704225352113
    K = 16.47
    0.16470588235294
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 31.713
    31.712999020596
    Y = 18.611
    18.611303792221
    Z = 15.285
    15.285481453352

    Yxy
    CIE (x, y, Y)
    Y = 18.611
    18.611303792221
    x = 0.483
    0.48335777011461
    y = 0.284
    0.28366659028656

    Hunter-Lab
    Hunter 1948 colour space
    L = 43.14
    43.140820335526
    a = 55.72
    55.719667425014
    b = 9.19
    9.191180580303

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 50.23
    50.229313788575
    a = 61.32
    61.321273015025
    b = 10.24
    10.243614024858

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 50.2293
    50.229313788575
    u = 103.0064
    103.00636950701
    v = 0.7833
    0.78325300791137

    CIELCH
    Cylindrical representation
    L = 50.2293
    50.229313788575
    C = 62.171
    62.17097516103
    H = 9.4836
    9.4835955464065

    YIQ
    Luma In-phase Quadrature
    Y = 0.4394
    0.43941568627451
    I = 0.2988
    0.29879607843137
    Q = 0.178
    0.17798039215686

Base Numbers

Base Red Green Blue
Binary 11010101 00111110 01101001
Octal 325 76 151
Decimal 213 62 105
Hex D5 3E 69


Colour Harmonies : #D53E69 colour combinations

Complementary colour scheme for #D53E69

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

Split-complementary colour scheme for #D53E69

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

Triadic colours scheme for #D53E69

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 #D53E69 are calculated by changing the hue by ±1/3 (±120°): 342.9° → 222.9° (342.9°-120°), 462.9° (342.9°+120°).

Tetradic (Rectangle) colour scheme for #D53E69

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 #D53E69 are calculated by changing the hue as follows : 342.9° → 462.9° (342.9°+120°), 522.9° (342.9°+180°), 642.9° (342.9°+300°).


Four tetradic scheme colours (counter-clockwise) for #D53E69 are calculated by changing the hue as follows : 342.9° → 222.9° (342.9°-120°), 162.9° (342.9°-180°), 42.9° (342.9°-300°).

Tetradic Square Colour Scheme for #D53E69

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 #D53E69 are calculated by changing the hue by 1/4 (90°) progressively : 342.9° → 432.9° (342.9°+90°), 522.9° (342.9°+180°), 612.9° (342.9°+270°).

Analagous colours of #D53E69

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 #D53E69 are calculated by changing the hue by ±1/12 (i.e. 30°): 342.9° → 372.9° (342.9°+30°), 312.9° (342.9°-30°).

RGB Variations of #D53E69

(R:D5, G:3E, B:D5)

Monochromatic colours of #D53E69

Shade Colour Variation of #D53E69 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #D53E69 (Brighter)

Tint is created by mixing white to any pure color

Tones of #D53E69 colour with more saturation

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

Tones of #D53E69 colour with less saturation

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

#D53E69 Colour in CSS Codes


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

Text with hexadecimal font colour #D53E69

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


#D53E69 Background Colour

This div background Colour is #D53E69


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


#D53E69 Border Colour

This div border Colour is #D53E69


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(213, 62, 105, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #D53E69;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #D53E69;
    -webkit-box-shadow: 1px 1px 3px 2px #D53E69;
    box-shadow: 1px 1px 3px 2px #D53E69;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # D53E69



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

Colour Palettes with #D53E69

Colour Compositions

RGB % of Colour #D53E69

CMYK % of Colour #D53E69

Related Colours along with #D53E69

Black background

Sample text in #D53E69 colour with black background colour.

White background

Sample text in #D53E69 colour with white background colour.

#D53E69 over22 #2AC196

Sample text in #D53E69 colour with #2AC196 background colour.

#2AC196 over D53E69

Sample text in #2AC196 colour with #D53E69 background colour.

#D53E69 over22 #3EB4D5

Sample text in #D53E69 colour with #3EB4D5 background colour.

#3EB4D5 over D53E69

Sample text in #3EB4D5 colour with #D53E69 background colour.

#D53E69 over22 #3ED55E

Sample text in #D53E69 colour with #3ED55E background colour.

#3ED55E over D53E69

Sample text in #3ED55E colour with #D53E69 background colour.

#D53E69 over22 #3ED5AA

Sample text in #D53E69 colour with #3ED5AA background colour.

#3ED5AA over D53E69

Sample text in #3ED5AA colour with #D53E69 background colour.

#D53E69 over22 #5E3ED5

Sample text in #D53E69 colour with #5E3ED5 background colour.

#5E3ED5 over D53E69

Sample text in #5E3ED5 colour with #D53E69 background colour.

#D53E69 over22 #69D53E

Sample text in #D53E69 colour with #69D53E background colour.

#69D53E over D53E69

Sample text in #69D53E colour with #D53E69 background colour.

#D53E69 over22 #CC3366

Sample text in #D53E69 colour with #CC3366 background colour.

#CC3366 over D53E69

Sample text in #CC3366 colour with #D53E69 background colour.

#D53E69 over22 #707070

Sample text in #D53E69 colour with #707070 background colour.

#707070 over D53E69

Sample text in #707070 colour with #D53E69 background colour.

#D53E69 over22 #3E69D5

Sample text in #D53E69 colour with #3E69D5 background colour.

#3E69D5 over D53E69

Sample text in #3E69D5 colour with #D53E69 background colour.

#D53E69 over22 #3ED569

Sample text in #D53E69 colour with #3ED569 background colour.

#3ED569 over D53E69

Sample text in #3ED569 colour with #D53E69 background colour.

#D53E69 over22 #693ED5

Sample text in #D53E69 colour with #693ED5 background colour.

#693ED5 over D53E69

Sample text in #693ED5 colour with #D53E69 background colour.

#D53E69 over22 #AA3ED5

Sample text in #D53E69 colour with #AA3ED5 background colour.

#AA3ED5 over D53E69

Sample text in #AA3ED5 colour with #D53E69 background colour.

#D53E69 over22 #B4D53E

Sample text in #D53E69 colour with #B4D53E background colour.

#B4D53E over D53E69

Sample text in #B4D53E colour with #D53E69 background colour.

#D53E69 over22 #D5693E

Sample text in #D53E69 colour with #D5693E background colour.

#D5693E over D53E69

Sample text in #D5693E colour with #D53E69 background colour.

#D53E69 over22 #D5AA3E

Sample text in #D53E69 colour with #D5AA3E background colour.

#D5AA3E over D53E69

Sample text in #D5AA3E colour with #D53E69 background colour.