Colour code #FCA689

#FCA689
rgb(252, 166, 137)
rgb(98.8%, 65.1%, 53.7%)

RGB value of #FCA689 colour is rgb(252, 166, 137) where red value is 252, green value is 166 and the blue value is 137.

Max value from RGB for colour #FCA689 is 252 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #FCA689 hue angle of 15.1°, saturation:95% and the lightness value is 76.3%.

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

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

Grayscale color of #FCA689 is #BCBCBC

Inverted color of #FCA689 is #035976

OLE colour (RGB Long) of #FCA689 is 9021180

Decimal Value of #FCA689 is 16557705

Android / android.graphics.Color of #FCA689 is -219511 / 0xFFFCA689

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

Hex Triplets
#FCA689
RGB Decimal
rgb(252, 166, 137)
RGB Percent
rgb(98.82%, 65.1%, 53.73%)
RGBA
rgba(252, 166, 137, 1)
HSL
hsl(15.1, 95%, 76.3%)
HSLA
hsla(15.1, 95%, 76.3%, 1)

Colour spaces of #FCA689

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 252
    98.82%
    G = 166
    65.1%
    B = 137
    53.73%

    C = 1.18%
    0.011764705882353
    M = 34.9%
    0.34901960784314
    Y = 46.27%
    0.46274509803922
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 15.1°
    0.042028985507246
    S = 95%
    0.9504132231405
    L = 76.3%
    0.76274509803922
  • HSV (HSB) – hue, saturation, brightness/value
    H = 15.1°
    0.042028985507246
    S = 45.63%
    0.45634920634921
    V = 98.82%
    0.98823529411765
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 34.13
    0.34126984126984
    Y = 45.63
    0.45634920634921
    K = 1.18
    0.011764705882353
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 58.296
    58.296458984233
    Y = 49.774
    49.774026027275
    Z = 30.202
    30.201700430327

    Yxy
    CIE (x, y, Y)
    Y = 49.774
    49.774026027275
    x = 0.422
    0.42160654941522
    y = 0.36
    0.35997135554216

    Hunter-Lab
    Hunter 1948 colour space
    L = 70.55
    70.550709441702
    a = 24.03
    24.031840180339
    b = 24
    24.00433697686

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 75.93
    75.930349823566
    a = 28.57
    28.568137195293
    b = 28.07
    28.067717839705

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 75.9303
    75.930349823566
    u = 61.7468
    61.746771777003
    v = 31.4868
    31.486824485893

    CIELCH
    Cylindrical representation
    L = 75.9303
    75.930349823566
    C = 40.0492
    40.049160384937
    H = 44.4938
    44.493762900934

    YIQ
    Luma In-phase Quadrature
    Y = 0.7389
    0.73885490196078
    I = 0.2375
    0.23750980392157
    Q = 0.0361
    0.036129411764706

Base Numbers

Base Red Green Blue
Binary 11111100 10100110 10001001
Octal 374 246 211
Decimal 252 166 137
Hex FC A6 89


Colour Harmonies : #FCA689 colour combinations

Complementary colour scheme for #FCA689

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

Split-complementary colour scheme for #FCA689

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 #FCA689 are calculated by changing the hue by ±5/12 (±150°): 15.1° → -134.9° (15.1°-150°), 165.1° (15.1°+150°).

Triadic colours scheme for #FCA689

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 #FCA689 are calculated by changing the hue by ±1/3 (±120°): 15.1° → -104.9° (15.1°-120°), 135.1° (15.1°+120°).

Tetradic (Rectangle) colour scheme for #FCA689

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 #FCA689 are calculated by changing the hue as follows : 15.1° → 135.1° (15.1°+120°), 195.1° (15.1°+180°), 315.1° (15.1°+300°).


Four tetradic scheme colours (counter-clockwise) for #FCA689 are calculated by changing the hue as follows : 15.1° → -104.9° (15.1°-120°), -164.9° (15.1°-180°), -284.9° (15.1°-300°).

Tetradic Square Colour Scheme for #FCA689

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 #FCA689 are calculated by changing the hue by 1/4 (90°) progressively : 15.1° → 105.1° (15.1°+90°), 195.1° (15.1°+180°), 285.1° (15.1°+270°).

Analagous colours of #FCA689

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 #FCA689 are calculated by changing the hue by ±1/12 (i.e. 30°): 15.1° → 45.1° (15.1°+30°), -14.9° (15.1°-30°).

RGB Variations of #FCA689

(R:FC, G:A6, B:FC)

Monochromatic colours of #FCA689

Shade Colour Variation of #FCA689 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #FCA689 (Brighter)

Tint is created by mixing white to any pure color

Tones of #FCA689 colour with more saturation

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

Tones of #FCA689 colour with less saturation

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

#FCA689 Colour in CSS Codes


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

Text with hexadecimal font colour #FCA689

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


#FCA689 Background Colour

This div background Colour is #FCA689


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


#FCA689 Border Colour

This div border Colour is #FCA689


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(252, 166, 137, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #FCA689;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #FCA689;
    -webkit-box-shadow: 1px 1px 3px 2px #FCA689;
    box-shadow: 1px 1px 3px 2px #FCA689;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(252, 166, 137, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # FCA689



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

Colour Palettes with #FCA689

Colour Compositions

RGB % of Colour #FCA689

CMYK % of Colour #FCA689

Related Colours along with #FCA689

Black background

Sample text in #FCA689 colour with black background colour.

White background

Sample text in #FCA689 colour with white background colour.

#FCA689 over22 #035976

Sample text in #FCA689 colour with #035976 background colour.

#035976 over FCA689

Sample text in #035976 colour with #FCA689 background colour.

#FCA689 over22 #89A5FC

Sample text in #FCA689 colour with #89A5FC background colour.

#89A5FC over FCA689

Sample text in #89A5FC colour with #FCA689 background colour.

#FCA689 over22 #89A6FC

Sample text in #FCA689 colour with #89A6FC background colour.

#89A6FC over FCA689

Sample text in #89A6FC colour with #FCA689 background colour.

#FCA689 over22 #89DFFC

Sample text in #FCA689 colour with #89DFFC background colour.

#89DFFC over FCA689

Sample text in #89DFFC colour with #FCA689 background colour.

#FCA689 over22 #89FCA6

Sample text in #FCA689 colour with #89FCA6 background colour.

#89FCA6 over FCA689

Sample text in #89FCA6 colour with #FCA689 background colour.

#FCA689 over22 #89FCDF

Sample text in #FCA689 colour with #89FCDF background colour.

#89FCDF over FCA689

Sample text in #89FCDF colour with #FCA689 background colour.

#FCA689 over22 #A5FC89

Sample text in #FCA689 colour with #A5FC89 background colour.

#A5FC89 over FCA689

Sample text in #A5FC89 colour with #FCA689 background colour.

#FCA689 over22 #A689FC

Sample text in #FCA689 colour with #A689FC background colour.

#A689FC over FCA689

Sample text in #A689FC colour with #FCA689 background colour.

#FCA689 over22 #A6FC89

Sample text in #FCA689 colour with #A6FC89 background colour.

#A6FC89 over FCA689

Sample text in #A6FC89 colour with #FCA689 background colour.

#FCA689 over22 #BCBCBC

Sample text in #FCA689 colour with #BCBCBC background colour.

#BCBCBC over FCA689

Sample text in #BCBCBC colour with #FCA689 background colour.

#FCA689 over22 #DF89FC

Sample text in #FCA689 colour with #DF89FC background colour.

#DF89FC over FCA689

Sample text in #DF89FC colour with #FCA689 background colour.

#FCA689 over22 #DFFC89

Sample text in #FCA689 colour with #DFFC89 background colour.

#DFFC89 over FCA689

Sample text in #DFFC89 colour with #FCA689 background colour.

#FCA689 over22 #FC89A6

Sample text in #FCA689 colour with #FC89A6 background colour.

#FC89A6 over FCA689

Sample text in #FC89A6 colour with #FCA689 background colour.

#FCA689 over22 #FC89DF

Sample text in #FCA689 colour with #FC89DF background colour.

#FC89DF over FCA689

Sample text in #FC89DF colour with #FCA689 background colour.

#FCA689 over22 #FF9999

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

#FF9999 over FCA689

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