Colour code #ED265E

#ED265E
rgb(237, 38, 94)
rgb(92.9%, 14.9%, 36.9%)

RGB value of #ED265E colour is rgb(237, 38, 94) where red value is 237, green value is 38 and the blue value is 94.

Max value from RGB for colour #ED265E is 237 which contains mainly Red colour.

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

The process colour (four Colour CMYK) of #ED265E colour is Cyan = 0, Magento = 0.84, Yellow = 0.6, and Key/Black (K on CMYK) = 0.07.

Hex color #ED265E is not a web safe color. Nearby web safe colour of #ED265E is #FF3366.

Grayscale color of #ED265E is #676767

Inverted color of #ED265E is #12D9A1

OLE colour (RGB Long) of #ED265E is 6170349

Decimal Value of #ED265E is 15541854

Android / android.graphics.Color of #ED265E is -1235362 / 0xFFED265E

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

Hex Triplets
#ED265E
RGB Decimal
rgb(237, 38, 94)
RGB Percent
rgb(92.94%, 14.9%, 36.86%)
RGBA
rgba(237, 38, 94, 1)
HSL
hsl(343.1, 84.7%, 53.9%)
HSLA
hsla(343.1, 84.7%, 53.9%, 1)

Colour spaces of #ED265E

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 237
    92.94%
    G = 38
    14.9%
    B = 94
    36.86%

    C = 7.06%
    0.070588235294118
    M = 85.1%
    0.85098039215686
    Y = 63.14%
    0.63137254901961
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 343.1°
    0.95309882747069
    S = 84.7%
    0.8468085106383
    L = 53.9%
    0.53921568627451
  • HSV (HSB) – hue, saturation, brightness/value
    H = 343.1°
    0.95309882747069
    S = 83.97%
    0.83966244725738
    V = 92.94%
    0.92941176470588
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 83.97
    0.83966244725738
    Y = 60.34
    0.60337552742616
    K = 7.06
    0.070588235294118
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 37.639
    37.638545617743
    Y = 20.199
    20.198903486522
    Z = 12.505
    12.504680345319

    Yxy
    CIE (x, y, Y)
    Y = 20.199
    20.198903486522
    x = 0.535
    0.53507827972026
    y = 0.287
    0.28715228902758

    Hunter-Lab
    Hunter 1948 colour space
    L = 44.94
    44.9431902367
    a = 70.84
    70.837701237016
    b = 14.96
    14.963796358039

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 52.06
    52.061354412038
    a = 73.8
    73.802900297217
    b = 20.13
    20.13196418122

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 52.0614
    52.061354412038
    u = 135.5682
    135.56815637396
    v = 8.4037
    8.4036770813055

    CIELCH
    Cylindrical representation
    L = 52.0614
    52.061354412038
    C = 76.4994
    76.499438390585
    H = 15.2579
    15.257937096671

    YIQ
    Luma In-phase Quadrature
    Y = 0.4074
    0.40739215686275
    I = 0.3946
    0.39461960784314
    Q = 0.2337
    0.23374117647059

Base Numbers

Base Red Green Blue
Binary 11101101 00100110 01011110
Octal 355 46 136
Decimal 237 38 94
Hex ED 26 5E


Colour Harmonies : #ED265E colour combinations

Complementary colour scheme for #ED265E

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

Split-complementary colour scheme for #ED265E

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 #ED265E are calculated by changing the hue by ±5/12 (±150°): 343.1° → 193.1° (343.1°-150°), 493.1° (343.1°+150°).

Triadic colours scheme for #ED265E

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 #ED265E are calculated by changing the hue by ±1/3 (±120°): 343.1° → 223.1° (343.1°-120°), 463.1° (343.1°+120°).

Tetradic (Rectangle) colour scheme for #ED265E

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 #ED265E are calculated by changing the hue as follows : 343.1° → 463.1° (343.1°+120°), 523.1° (343.1°+180°), 643.1° (343.1°+300°).


Four tetradic scheme colours (counter-clockwise) for #ED265E are calculated by changing the hue as follows : 343.1° → 223.1° (343.1°-120°), 163.1° (343.1°-180°), 43.1° (343.1°-300°).

Tetradic Square Colour Scheme for #ED265E

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 #ED265E are calculated by changing the hue by 1/4 (90°) progressively : 343.1° → 433.1° (343.1°+90°), 523.1° (343.1°+180°), 613.1° (343.1°+270°).

Analagous colours of #ED265E

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 #ED265E are calculated by changing the hue by ±1/12 (i.e. 30°): 343.1° → 373.1° (343.1°+30°), 313.1° (343.1°-30°).

RGB Variations of #ED265E

(R:ED, G:26, B:ED)

Monochromatic colours of #ED265E

Shade Colour Variation of #ED265E (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #ED265E (Brighter)

Tint is created by mixing white to any pure color

Tones of #ED265E colour with more saturation

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

Tones of #ED265E colour with less saturation

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

#ED265E Colour in CSS Codes


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

Text with hexadecimal font colour #ED265E

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


#ED265E Background Colour

This div background Colour is #ED265E


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


#ED265E Border Colour

This div border Colour is #ED265E


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(237, 38, 94, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #ED265E;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #ED265E;
    -webkit-box-shadow: 1px 1px 3px 2px #ED265E;
    box-shadow: 1px 1px 3px 2px #ED265E;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(237, 38, 94, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # ED265E



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

Colour Compositions

RGB % of Colour #ED265E

CMYK % of Colour #ED265E

Related Colours along with #ED265E

Black background

Sample text in #ED265E colour with black background colour.

White background

Sample text in #ED265E colour with white background colour.

#ED265E over22 #12D9A1

Sample text in #ED265E colour with #12D9A1 background colour.

#12D9A1 over ED265E

Sample text in #12D9A1 colour with #ED265E background colour.

#ED265E over22 #265EED

Sample text in #ED265E colour with #265EED background colour.

#265EED over ED265E

Sample text in #265EED colour with #ED265E background colour.

#ED265E over22 #26C2ED

Sample text in #ED265E colour with #26C2ED background colour.

#26C2ED over ED265E

Sample text in #26C2ED colour with #ED265E background colour.

#ED265E over22 #26ED52

Sample text in #ED265E colour with #26ED52 background colour.

#26ED52 over ED265E

Sample text in #26ED52 colour with #ED265E background colour.

#ED265E over22 #26ED5E

Sample text in #ED265E colour with #26ED5E background colour.

#26ED5E over ED265E

Sample text in #26ED5E colour with #ED265E background colour.

#ED265E over22 #26EDB5

Sample text in #ED265E colour with #26EDB5 background colour.

#26EDB5 over ED265E

Sample text in #26EDB5 colour with #ED265E background colour.

#ED265E over22 #5226ED

Sample text in #ED265E colour with #5226ED background colour.

#5226ED over ED265E

Sample text in #5226ED colour with #ED265E background colour.

#ED265E over22 #5EED26

Sample text in #ED265E colour with #5EED26 background colour.

#5EED26 over ED265E

Sample text in #5EED26 colour with #ED265E background colour.

#ED265E over22 #B526ED

Sample text in #ED265E colour with #B526ED background colour.

#B526ED over ED265E

Sample text in #B526ED colour with #ED265E background colour.

#ED265E over22 #C2ED26

Sample text in #ED265E colour with #C2ED26 background colour.

#C2ED26 over ED265E

Sample text in #C2ED26 colour with #ED265E background colour.

#ED265E over22 #ED5E26

Sample text in #ED265E colour with #ED5E26 background colour.

#ED5E26 over ED265E

Sample text in #ED5E26 colour with #ED265E background colour.

#ED265E over22 #EDB526

Sample text in #ED265E colour with #EDB526 background colour.

#EDB526 over ED265E

Sample text in #EDB526 colour with #ED265E background colour.

#ED265E over22 #FF3366

Sample text in #ED265E colour with #FF3366 background colour.

#FF3366 over ED265E

Sample text in #FF3366 colour with #ED265E background colour.

#ED265E over22 #676767

Sample text in #ED265E colour with #676767 background colour.

#676767 over ED265E

Sample text in #676767 colour with #ED265E background colour.

#ED265E over22 #5E26ED

Sample text in #ED265E colour with #5E26ED background colour.

#5E26ED over ED265E

Sample text in #5E26ED colour with #ED265E background colour.