Colour code #EAC2C3

#EAC2C3
rgb(234, 194, 195)
rgb(91.8%, 76.1%, 76.5%)

RGB value of #EAC2C3 colour is rgb(234, 194, 195) where red value is 234, green value is 194 and the blue value is 195.

Max value from RGB for colour #EAC2C3 is 234 which contains mainly Red colour.

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

The process colour (four Colour CMYK) of #EAC2C3 colour is Cyan = 0, Magento = 0.17, Yellow = 0.17, and Key/Black (K on CMYK) = 0.08.

Hex color #EAC2C3 is not a web safe color. Nearby web safe colour of #EAC2C3 is #FFCCCC.

Grayscale color of #EAC2C3 is #CECECE

Inverted color of #EAC2C3 is #153D3C

OLE colour (RGB Long) of #EAC2C3 is 12829418

Decimal Value of #EAC2C3 is 15385283

Android / android.graphics.Color of #EAC2C3 is -1391933 / 0xFFEAC2C3

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

Hex Triplets
#EAC2C3
RGB Decimal
rgb(234, 194, 195)
RGB Percent
rgb(91.76%, 76.08%, 76.47%)
RGBA
rgba(234, 194, 195, 1)
HSL
hsl(358.5, 48.8%, 83.9%)
HSLA
hsla(358.5, 48.8%, 83.9%, 1)

Colour spaces of #EAC2C3

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 234
    91.76%
    G = 194
    76.08%
    B = 195
    76.47%

    C = 8.24%
    0.082352941176471
    M = 23.92%
    0.23921568627451
    Y = 23.53%
    0.23529411764706
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 358.5°
    0.99583333333333
    S = 48.8%
    0.48780487804878
    L = 83.9%
    0.83921568627451
  • HSV (HSB) – hue, saturation, brightness/value
    H = 358.5°
    0.99583333333333
    S = 17.09%
    0.17094017094017
    V = 91.76%
    0.91764705882353
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 17.09
    0.17094017094017
    Y = 16.67
    0.16666666666667
    K = 8.24
    0.082352941176471
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 63.074
    63.073797566108
    Y = 60.016
    60.016128803704
    Z = 59.89
    59.889682068245

    Yxy
    CIE (x, y, Y)
    Y = 60.016
    60.016128803704
    x = 0.345
    0.34470397059277
    y = 0.328
    0.32799353608859

    Hunter-Lab
    Hunter 1948 colour space
    L = 77.47
    77.470077322605
    a = 9.76
    9.7566744609601
    b = 8.39
    8.3938184768436

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 81.85
    81.846955128181
    a = 14.37
    14.366743016144
    b = 4.83
    4.8337151047605

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 81.847
    81.846955128181
    u = 24.3593
    24.359258042933
    v = 4.5092
    4.5092068258085

    CIELCH
    Cylindrical representation
    L = 81.847
    81.846955128181
    C = 15.1581
    15.158103661273
    H = 18.5956
    18.595600411178

    YIQ
    Luma In-phase Quadrature
    Y = 0.8081
    0.80813333333333
    I = 0.0922
    0.09223137254902
    Q = 0.0345
    0.034474509803922

Base Numbers

Base Red Green Blue
Binary 11101010 11000010 11000011
Octal 352 302 303
Decimal 234 194 195
Hex EA C2 C3


Colour Harmonies : #EAC2C3 colour combinations

Complementary colour scheme for #EAC2C3

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

Split-complementary colour scheme for #EAC2C3

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 #EAC2C3 are calculated by changing the hue by ±5/12 (±150°): 358.5° → 208.5° (358.5°-150°), 508.5° (358.5°+150°).

Triadic colours scheme for #EAC2C3

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 #EAC2C3 are calculated by changing the hue by ±1/3 (±120°): 358.5° → 238.5° (358.5°-120°), 478.5° (358.5°+120°).

Tetradic (Rectangle) colour scheme for #EAC2C3

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 #EAC2C3 are calculated by changing the hue as follows : 358.5° → 478.5° (358.5°+120°), 538.5° (358.5°+180°), 658.5° (358.5°+300°).


Four tetradic scheme colours (counter-clockwise) for #EAC2C3 are calculated by changing the hue as follows : 358.5° → 238.5° (358.5°-120°), 178.5° (358.5°-180°), 58.5° (358.5°-300°).

Tetradic Square Colour Scheme for #EAC2C3

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 #EAC2C3 are calculated by changing the hue by 1/4 (90°) progressively : 358.5° → 448.5° (358.5°+90°), 538.5° (358.5°+180°), 628.5° (358.5°+270°).

Analagous colours of #EAC2C3

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 #EAC2C3 are calculated by changing the hue by ±1/12 (i.e. 30°): 358.5° → 388.5° (358.5°+30°), 328.5° (358.5°-30°).

RGB Variations of #EAC2C3

(R:EA, G:C2, B:EA)

Monochromatic colours of #EAC2C3

Shade Colour Variation of #EAC2C3 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #EAC2C3 (Brighter)

Tint is created by mixing white to any pure color

Tones of #EAC2C3 colour with more saturation

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

Tones of #EAC2C3 colour with less saturation

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

#EAC2C3 Colour in CSS Codes


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

Text with hexadecimal font colour #EAC2C3

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


#EAC2C3 Background Colour

This div background Colour is #EAC2C3


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


#EAC2C3 Border Colour

This div border Colour is #EAC2C3


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(234, 194, 195, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #EAC2C3;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #EAC2C3;
    -webkit-box-shadow: 1px 1px 3px 2px #EAC2C3;
    box-shadow: 1px 1px 3px 2px #EAC2C3;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(234, 194, 195, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # EAC2C3



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

Colour Compositions

RGB % of Colour #EAC2C3

CMYK % of Colour #EAC2C3

Related Colours along with #EAC2C3

Black background

Sample text in #EAC2C3 colour with black background colour.

White background

Sample text in #EAC2C3 colour with white background colour.

#EAC2C3 over22 #153D3C

Sample text in #EAC2C3 colour with #153D3C background colour.

#153D3C over EAC2C3

Sample text in #153D3C colour with #EAC2C3 background colour.

#EAC2C3 over22 #C2C3EA

Sample text in #EAC2C3 colour with #C2C3EA background colour.

#C2C3EA over EAC2C3

Sample text in #C2C3EA colour with #EAC2C3 background colour.

#EAC2C3 over22 #C2D7EA

Sample text in #EAC2C3 colour with #C2D7EA background colour.

#C2D7EA over EAC2C3

Sample text in #C2D7EA colour with #EAC2C3 background colour.

#EAC2C3 over22 #C2EAC3

Sample text in #EAC2C3 colour with #C2EAC3 background colour.

#C2EAC3 over EAC2C3

Sample text in #C2EAC3 colour with #EAC2C3 background colour.

#EAC2C3 over22 #C2EAD5

Sample text in #EAC2C3 colour with #C2EAD5 background colour.

#C2EAD5 over EAC2C3

Sample text in #C2EAD5 colour with #EAC2C3 background colour.

#EAC2C3 over22 #C2EAE9

Sample text in #EAC2C3 colour with #C2EAE9 background colour.

#C2EAE9 over EAC2C3

Sample text in #C2EAE9 colour with #EAC2C3 background colour.

#EAC2C3 over22 #C3C2EA

Sample text in #EAC2C3 colour with #C3C2EA background colour.

#C3C2EA over EAC2C3

Sample text in #C3C2EA colour with #EAC2C3 background colour.

#EAC2C3 over22 #C3EAC2

Sample text in #EAC2C3 colour with #C3EAC2 background colour.

#C3EAC2 over EAC2C3

Sample text in #C3EAC2 colour with #EAC2C3 background colour.

#EAC2C3 over22 #CECECE

Sample text in #EAC2C3 colour with #CECECE background colour.

#CECECE over EAC2C3

Sample text in #CECECE colour with #EAC2C3 background colour.

#EAC2C3 over22 #D5C2EA

Sample text in #EAC2C3 colour with #D5C2EA background colour.

#D5C2EA over EAC2C3

Sample text in #D5C2EA colour with #EAC2C3 background colour.

#EAC2C3 over22 #D7EAC2

Sample text in #EAC2C3 colour with #D7EAC2 background colour.

#D7EAC2 over EAC2C3

Sample text in #D7EAC2 colour with #EAC2C3 background colour.

#EAC2C3 over22 #E9C2EA

Sample text in #EAC2C3 colour with #E9C2EA background colour.

#E9C2EA over EAC2C3

Sample text in #E9C2EA colour with #EAC2C3 background colour.

#EAC2C3 over22 #EAC3C2

Sample text in #EAC2C3 colour with #EAC3C2 background colour.

#EAC3C2 over EAC2C3

Sample text in #EAC3C2 colour with #EAC2C3 background colour.

#EAC2C3 over22 #EAE9C2

Sample text in #EAC2C3 colour with #EAE9C2 background colour.

#EAE9C2 over EAC2C3

Sample text in #EAE9C2 colour with #EAC2C3 background colour.

#EAC2C3 over22 #FFCCCC

Sample text in #EAC2C3 colour with #FFCCCC background colour.

#FFCCCC over EAC2C3

Sample text in #FFCCCC colour with #EAC2C3 background colour.