Colour code #FFE2EA

#FFE2EA
rgb(255, 226, 234)
rgb(100%, 88.6%, 91.8%)

RGB value of #FFE2EA colour is rgb(255, 226, 234) where red value is 255, green value is 226 and the blue value is 234.

Max value from RGB for colour #FFE2EA is 255 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #FFE2EA hue angle of 343.4°, saturation:100% and the lightness value is 94.3%.

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

Hex color #FFE2EA is not a web safe color. Nearby web safe colour of #FFE2EA is #FFCCFF.

Grayscale color of #FFE2EA is #EBEBEB

Inverted color of #FFE2EA is #001D15

OLE colour (RGB Long) of #FFE2EA is 15393535

Decimal Value of #FFE2EA is 16769770

Android / android.graphics.Color of #FFE2EA is -7446 / 0xFFFFE2EA

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

Hex Triplets
#FFE2EA
RGB Decimal
rgb(255, 226, 234)
RGB Percent
rgb(100%, 88.63%, 91.76%)
RGBA
rgba(255, 226, 234, 1)
HSL
hsl(343.4, 100%, 94.3%)
HSLA
hsla(343.4, 100%, 94.3%, 1)

Colour spaces of #FFE2EA

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 255
    100%
    G = 226
    88.63%
    B = 234
    91.76%

    C = 0%
    0
    M = 11.37%
    0.11372549019608
    Y = 8.24%
    0.082352941176471
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 343.4°
    0.95402298850575
    S = 100%
    1
    L = 94.3%
    0.94313725490196
  • HSV (HSB) – hue, saturation, brightness/value
    H = 343.4°
    0.95402298850575
    S = 11.37%
    0.11372549019608
    V = 100%
    1
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 11.37
    0.11372549019608
    Y = 8.24
    0.082352941176471
    K = 0
    0
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 83.288
    83.287639154041
    Y = 81.593
    81.593225721118
    Z = 89.201
    89.201238051096

    Yxy
    CIE (x, y, Y)
    Y = 81.593
    81.593225721118
    x = 0.328
    0.32779813373244
    y = 0.321
    0.32112937031539

    Hunter-Lab
    Hunter 1948 colour space
    L = 90.33
    90.328968620879
    a = 6.51
    6.5098616399435
    b = 4.68
    4.6804962226818

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 92.4
    92.39502674791
    a = 11.25
    11.245655027886
    b = -0.25
    -0.25215433639456

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 92.395
    92.39502674791
    u = 16.4707
    16.47066471152
    v = -2.4348
    -2.4347578115021

    CIELCH
    Cylindrical representation
    L = 92.395
    92.39502674791
    C = 11.2485
    11.248481622672
    H = 358.7155
    358.7155075669

    YIQ
    Luma In-phase Quadrature
    Y = 0.9239
    0.92385490196078
    I = 0.0577
    0.057709803921569
    Q = 0.0339
    0.033866666666667

Base Numbers

Base Red Green Blue
Binary 11111111 11100010 11101010
Octal 377 342 352
Decimal 255 226 234
Hex FF E2 EA


Colour Harmonies : #FFE2EA colour combinations

Complementary colour scheme for #FFE2EA

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

Split-complementary colour scheme for #FFE2EA

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 #FFE2EA are calculated by changing the hue by ±5/12 (±150°): 343.4° → 193.4° (343.4°-150°), 493.4° (343.4°+150°).

Triadic colours scheme for #FFE2EA

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 #FFE2EA are calculated by changing the hue by ±1/3 (±120°): 343.4° → 223.4° (343.4°-120°), 463.4° (343.4°+120°).

Tetradic (Rectangle) colour scheme for #FFE2EA

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 #FFE2EA are calculated by changing the hue as follows : 343.4° → 463.4° (343.4°+120°), 523.4° (343.4°+180°), 643.4° (343.4°+300°).


Four tetradic scheme colours (counter-clockwise) for #FFE2EA are calculated by changing the hue as follows : 343.4° → 223.4° (343.4°-120°), 163.4° (343.4°-180°), 43.4° (343.4°-300°).

Tetradic Square Colour Scheme for #FFE2EA

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 #FFE2EA are calculated by changing the hue by 1/4 (90°) progressively : 343.4° → 433.4° (343.4°+90°), 523.4° (343.4°+180°), 613.4° (343.4°+270°).

Analagous colours of #FFE2EA

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 #FFE2EA are calculated by changing the hue by ±1/12 (i.e. 30°): 343.4° → 373.4° (343.4°+30°), 313.4° (343.4°-30°).

RGB Variations of #FFE2EA

(R:FF, G:E2, B:FF)

Monochromatic colours of #FFE2EA

Shade Colour Variation of #FFE2EA (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #FFE2EA (Brighter)

Tint is created by mixing white to any pure color

Tones of #FFE2EA colour with more saturation

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

Tones of #FFE2EA colour with less saturation

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

#FFE2EA Colour in CSS Codes


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

Text with hexadecimal font colour #FFE2EA

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


#FFE2EA Background Colour

This div background Colour is #FFE2EA


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


#FFE2EA Border Colour

This div border Colour is #FFE2EA


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # FFE2EA



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

Colour Compositions

RGB % of Colour #FFE2EA

CMYK % of Colour #FFE2EA

Related Colours along with #FFE2EA

Black background

Sample text in #FFE2EA colour with black background colour.

White background

Sample text in #FFE2EA colour with white background colour.

#FFE2EA over22 #001D15

Sample text in #FFE2EA colour with #001D15 background colour.

#001D15 over FFE2EA

Sample text in #001D15 colour with #FFE2EA background colour.

#FFE2EA over22 #E2EAFF

Sample text in #FFE2EA colour with #E2EAFF background colour.

#E2EAFF over FFE2EA

Sample text in #E2EAFF colour with #FFE2EA background colour.

#FFE2EA over22 #E2F8FF

Sample text in #FFE2EA colour with #E2F8FF background colour.

#E2F8FF over FFE2EA

Sample text in #E2F8FF colour with #FFE2EA background colour.

#FFE2EA over22 #E2FFE8

Sample text in #FFE2EA colour with #E2FFE8 background colour.

#E2FFE8 over FFE2EA

Sample text in #E2FFE8 colour with #FFE2EA background colour.

#FFE2EA over22 #E2FFEA

Sample text in #FFE2EA colour with #E2FFEA background colour.

#E2FFEA over FFE2EA

Sample text in #E2FFEA colour with #FFE2EA background colour.

#FFE2EA over22 #E2FFF7

Sample text in #FFE2EA colour with #E2FFF7 background colour.

#E2FFF7 over FFE2EA

Sample text in #E2FFF7 colour with #FFE2EA background colour.

#FFE2EA over22 #E8E2FF

Sample text in #FFE2EA colour with #E8E2FF background colour.

#E8E2FF over FFE2EA

Sample text in #E8E2FF colour with #FFE2EA background colour.

#FFE2EA over22 #EAE2FF

Sample text in #FFE2EA colour with #EAE2FF background colour.

#EAE2FF over FFE2EA

Sample text in #EAE2FF colour with #FFE2EA background colour.

#FFE2EA over22 #EAFFE2

Sample text in #FFE2EA colour with #EAFFE2 background colour.

#EAFFE2 over FFE2EA

Sample text in #EAFFE2 colour with #FFE2EA background colour.

#FFE2EA over22 #EBEBEB

Sample text in #FFE2EA colour with #EBEBEB background colour.

#EBEBEB over FFE2EA

Sample text in #EBEBEB colour with #FFE2EA background colour.

#FFE2EA over22 #F7E2FF

Sample text in #FFE2EA colour with #F7E2FF background colour.

#F7E2FF over FFE2EA

Sample text in #F7E2FF colour with #FFE2EA background colour.

#FFE2EA over22 #F8FFE2

Sample text in #FFE2EA colour with #F8FFE2 background colour.

#F8FFE2 over FFE2EA

Sample text in #F8FFE2 colour with #FFE2EA background colour.

#FFE2EA over22 #FFCCFF

Sample text in #FFE2EA colour with #FFCCFF background colour.

#FFCCFF over FFE2EA

Sample text in #FFCCFF colour with #FFE2EA background colour.

#FFE2EA over22 #FFEAE2

Sample text in #FFE2EA colour with #FFEAE2 background colour.

#FFEAE2 over FFE2EA

Sample text in #FFEAE2 colour with #FFE2EA background colour.

#FFE2EA over22 #FFF7E2

Sample text in #FFE2EA colour with #FFF7E2 background colour.

#FFF7E2 over FFE2EA

Sample text in #FFF7E2 colour with #FFE2EA background colour.