Colour code #FD8CAC

#FD8CAC
rgb(253, 140, 172)
rgb(99.2%, 54.9%, 67.5%)

RGB value of #FD8CAC colour is rgb(253, 140, 172) where red value is 253, green value is 140 and the blue value is 172.

Max value from RGB for colour #FD8CAC is 253 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #FD8CAC hue angle of 343°, saturation:96.6% and the lightness value is 77.1%.

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

Hex color #FD8CAC is not a web safe color. Nearby web safe colour of #FD8CAC is #FF9999.

Grayscale color of #FD8CAC is #B1B1B1

Inverted color of #FD8CAC is #027353

OLE colour (RGB Long) of #FD8CAC is 11308285

Decimal Value of #FD8CAC is 16616620

Android / android.graphics.Color of #FD8CAC is -160596 / 0xFFFD8CAC

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

Hex Triplets
#FD8CAC
RGB Decimal
rgb(253, 140, 172)
RGB Percent
rgb(99.22%, 54.9%, 67.45%)
RGBA
rgba(253, 140, 172, 1)
HSL
hsl(343, 96.6%, 77.1%)
HSLA
hsla(343, 96.6%, 77.1%, 1)

Colour spaces of #FD8CAC

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 253
    99.22%
    G = 140
    54.9%
    B = 172
    67.45%

    C = 0.78%
    0.0078431372549019
    M = 45.1%
    0.45098039215686
    Y = 32.55%
    0.32549019607843
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 343°
    0.95280235988201
    S = 96.6%
    0.96581196581197
    L = 77.1%
    0.77058823529412
  • HSV (HSB) – hue, saturation, brightness/value
    H = 343°
    0.95280235988201
    S = 44.66%
    0.44664031620553
    V = 99.22%
    0.9921568627451
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 44.66
    0.44664031620553
    Y = 32.02
    0.3201581027668
    K = 0.78
    0.0078431372549019
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 57.332
    57.332490382384
    Y = 42.617
    42.61737139596
    Z = 44.234
    44.233946811542

    Yxy
    CIE (x, y, Y)
    Y = 42.617
    42.61737139596
    x = 0.398
    0.39763473404604
    y = 0.296
    0.2955766796061

    Hunter-Lab
    Hunter 1948 colour space
    L = 65.28
    65.281981737658
    a = 42.52
    42.520301392158
    b = 5.52
    5.5235040613489

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 71.29
    71.294498765905
    a = 46.2
    46.195674275497
    b = 2.38
    2.3826985042317

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 71.2945
    71.294498765905
    u = 72.9379
    72.937931141586
    v = -5.4009
    -5.4009250421242

    CIELCH
    Cylindrical representation
    L = 71.2945
    71.294498765905
    C = 46.2571
    46.257081338211
    H = 2.9526
    2.9526076123001

    YIQ
    Luma In-phase Quadrature
    Y = 0.6958
    0.69582352941176
    I = 0.2238
    0.22382745098039
    Q = 0.133
    0.13297254901961

Base Numbers

Base Red Green Blue
Binary 11111101 10001100 10101100
Octal 375 214 254
Decimal 253 140 172
Hex FD 8C AC


Colour Harmonies : #FD8CAC colour combinations

Complementary colour scheme for #FD8CAC

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

Split-complementary colour scheme for #FD8CAC

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 #FD8CAC are calculated by changing the hue by ±5/12 (±150°): 343° → 193° (343°-150°), 493° (343°+150°).

Triadic colours scheme for #FD8CAC

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 #FD8CAC are calculated by changing the hue by ±1/3 (±120°): 343° → 223° (343°-120°), 463° (343°+120°).

Tetradic (Rectangle) colour scheme for #FD8CAC

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 #FD8CAC are calculated by changing the hue as follows : 343° → 463° (343°+120°), 523° (343°+180°), 643° (343°+300°).


Four tetradic scheme colours (counter-clockwise) for #FD8CAC are calculated by changing the hue as follows : 343° → 223° (343°-120°), 163° (343°-180°), 43° (343°-300°).

Tetradic Square Colour Scheme for #FD8CAC

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 #FD8CAC are calculated by changing the hue by 1/4 (90°) progressively : 343° → 433° (343°+90°), 523° (343°+180°), 613° (343°+270°).

Analagous colours of #FD8CAC

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 #FD8CAC are calculated by changing the hue by ±1/12 (i.e. 30°): 343° → 373° (343°+30°), 313° (343°-30°).

RGB Variations of #FD8CAC

(R:FD, G:8C, B:FD)

Monochromatic colours of #FD8CAC

Shade Colour Variation of #FD8CAC (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #FD8CAC (Brighter)

Tint is created by mixing white to any pure color

Tones of #FD8CAC colour with more saturation

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

Tones of #FD8CAC colour with less saturation

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

#FD8CAC Colour in CSS Codes


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

Text with hexadecimal font colour #FD8CAC

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


#FD8CAC Background Colour

This div background Colour is #FD8CAC


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


#FD8CAC Border Colour

This div border Colour is #FD8CAC


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(253, 140, 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 #FD8CAC">Text here</p>


Div Box Shadow

This div box has shadow with Colour # FD8CAC



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

Colour Palettes with #FD8CAC

Colour Compositions

RGB % of Colour #FD8CAC

CMYK % of Colour #FD8CAC

Related Colours along with #FD8CAC

Black background

Sample text in #FD8CAC colour with black background colour.

White background

Sample text in #FD8CAC colour with white background colour.

#FD8CAC over22 #027353

Sample text in #FD8CAC colour with #027353 background colour.

#027353 over FD8CAC

Sample text in #027353 colour with #FD8CAC background colour.

#FD8CAC over22 #8CACFD

Sample text in #FD8CAC colour with #8CACFD background colour.

#8CACFD over FD8CAC

Sample text in #8CACFD colour with #FD8CAC background colour.

#FD8CAC over22 #8CE4FD

Sample text in #FD8CAC colour with #8CE4FD background colour.

#8CE4FD over FD8CAC

Sample text in #8CE4FD colour with #FD8CAC background colour.

#FD8CAC over22 #8CFDA4

Sample text in #FD8CAC colour with #8CFDA4 background colour.

#8CFDA4 over FD8CAC

Sample text in #8CFDA4 colour with #FD8CAC background colour.

#FD8CAC over22 #8CFDAC

Sample text in #FD8CAC colour with #8CFDAC background colour.

#8CFDAC over FD8CAC

Sample text in #8CFDAC colour with #FD8CAC background colour.

#FD8CAC over22 #8CFDDD

Sample text in #FD8CAC colour with #8CFDDD background colour.

#8CFDDD over FD8CAC

Sample text in #8CFDDD colour with #FD8CAC background colour.

#FD8CAC over22 #A48CFD

Sample text in #FD8CAC colour with #A48CFD background colour.

#A48CFD over FD8CAC

Sample text in #A48CFD colour with #FD8CAC background colour.

#FD8CAC over22 #AC8CFD

Sample text in #FD8CAC colour with #AC8CFD background colour.

#AC8CFD over FD8CAC

Sample text in #AC8CFD colour with #FD8CAC background colour.

#FD8CAC over22 #ACFD8C

Sample text in #FD8CAC colour with #ACFD8C background colour.

#ACFD8C over FD8CAC

Sample text in #ACFD8C colour with #FD8CAC background colour.

#FD8CAC over22 #B1B1B1

Sample text in #FD8CAC colour with #B1B1B1 background colour.

#B1B1B1 over FD8CAC

Sample text in #B1B1B1 colour with #FD8CAC background colour.

#FD8CAC over22 #DD8CFD

Sample text in #FD8CAC colour with #DD8CFD background colour.

#DD8CFD over FD8CAC

Sample text in #DD8CFD colour with #FD8CAC background colour.

#FD8CAC over22 #E4FD8C

Sample text in #FD8CAC colour with #E4FD8C background colour.

#E4FD8C over FD8CAC

Sample text in #E4FD8C colour with #FD8CAC background colour.

#FD8CAC over22 #FDAC8C

Sample text in #FD8CAC colour with #FDAC8C background colour.

#FDAC8C over FD8CAC

Sample text in #FDAC8C colour with #FD8CAC background colour.

#FD8CAC over22 #FDDD8C

Sample text in #FD8CAC colour with #FDDD8C background colour.

#FDDD8C over FD8CAC

Sample text in #FDDD8C colour with #FD8CAC background colour.

#FD8CAC over22 #FF9999

Sample text in #FD8CAC colour with #FF9999 background colour.

#FF9999 over FD8CAC

Sample text in #FF9999 colour with #FD8CAC background colour.