Colour code #EF281C

#EF281C
rgb(239, 40, 28)
rgb(93.7%, 15.7%, 11%)

RGB value of #EF281C colour is rgb(239, 40, 28) where red value is 239, green value is 40 and the blue value is 28.

Max value from RGB for colour #EF281C is 239 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #EF281C hue angle of 3.4°, saturation:86.8% and the lightness value is 52.4%.

The process colour (four Colour CMYK) of #EF281C colour is Cyan = 0, Magento = 0.83, Yellow = 0.88, and Key/Black (K on CMYK) = 0.06.

Hex color #EF281C is not a web safe color. Nearby web safe colour of #EF281C is #FF3333.

Grayscale color of #EF281C is #626262

Inverted color of #EF281C is #10D7E3

OLE colour (RGB Long) of #EF281C is 1845487

Decimal Value of #EF281C is 15673372

Android / android.graphics.Color of #EF281C is -1103844 / 0xFFEF281C

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

Hex Triplets
#EF281C
RGB Decimal
rgb(239, 40, 28)
RGB Percent
rgb(93.73%, 15.69%, 10.98%)
RGBA
rgba(239, 40, 28, 1)
HSL
hsl(3.4, 86.8%, 52.4%)
HSLA
hsla(3.4, 86.8%, 52.4%, 1)

Colour spaces of #EF281C

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 239
    93.73%
    G = 40
    15.69%
    B = 28
    10.98%

    C = 6.27%
    0.062745098039216
    M = 84.31%
    0.84313725490196
    Y = 89.02%
    0.89019607843137
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 3.4°
    0.009478672985782
    S = 86.8%
    0.86831275720165
    L = 52.4%
    0.52352941176471
  • HSV (HSB) – hue, saturation, brightness/value
    H = 3.4°
    0.009478672985782
    S = 88.28%
    0.88284518828452
    V = 93.73%
    0.93725490196078
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 83.26
    0.8326359832636
    Y = 88.28
    0.88284518828452
    K = 6.27
    0.062745098039216
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 36.565
    36.564996319387
    Y = 19.952
    19.952146390324
    Z = 3.023
    3.022567929983

    Yxy
    CIE (x, y, Y)
    Y = 19.952
    19.952146390324
    x = 0.614
    0.61412788081321
    y = 0.335
    0.33510653941643

    Hunter-Lab
    Hunter 1948 colour space
    L = 44.67
    44.667825546274
    a = 67.95
    67.951062931408
    b = 27.26
    27.255461394528

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 51.78
    51.783064060322
    a = 71.48
    71.477812722274
    b = 56.31
    56.309751187098

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 51.7831
    51.783064060322
    u = 152.2778
    152.27783197451
    v = 35.1958
    35.195792506472

    CIELCH
    Cylindrical representation
    L = 51.7831
    51.783064060322
    C = 90.9938
    90.993767865241
    H = 38.2308
    38.2308075046

    YIQ
    Luma In-phase Quadrature
    Y = 0.3848
    0.38483529411765
    I = 0.4802
    0.48021960784314
    Q = 0.1508
    0.15080784313725

Base Numbers

Base Red Green Blue
Binary 11101111 00101000 00011100
Octal 357 50 34
Decimal 239 40 28
Hex EF 28 1C


Colour Harmonies : #EF281C colour combinations

Complementary colour scheme for #EF281C

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

Split-complementary colour scheme for #EF281C

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 #EF281C are calculated by changing the hue by ±5/12 (±150°): 3.4° → -146.6° (3.4°-150°), 153.4° (3.4°+150°).

Triadic colours scheme for #EF281C

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 #EF281C are calculated by changing the hue by ±1/3 (±120°): 3.4° → -116.6° (3.4°-120°), 123.4° (3.4°+120°).

Tetradic (Rectangle) colour scheme for #EF281C

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 #EF281C are calculated by changing the hue as follows : 3.4° → 123.4° (3.4°+120°), 183.4° (3.4°+180°), 303.4° (3.4°+300°).


Four tetradic scheme colours (counter-clockwise) for #EF281C are calculated by changing the hue as follows : 3.4° → -116.6° (3.4°-120°), -176.6° (3.4°-180°), -296.6° (3.4°-300°).

Tetradic Square Colour Scheme for #EF281C

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 #EF281C are calculated by changing the hue by 1/4 (90°) progressively : 3.4° → 93.4° (3.4°+90°), 183.4° (3.4°+180°), 273.4° (3.4°+270°).

Analagous colours of #EF281C

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 #EF281C are calculated by changing the hue by ±1/12 (i.e. 30°): 3.4° → 33.4° (3.4°+30°), -26.6° (3.4°-30°).

RGB Variations of #EF281C

(R:EF, G:28, B:EF)

Monochromatic colours of #EF281C

Shade Colour Variation of #EF281C (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #EF281C (Brighter)

Tint is created by mixing white to any pure color

Tones of #EF281C colour with more saturation

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

Tones of #EF281C colour with less saturation

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

#EF281C Colour in CSS Codes


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

Text with hexadecimal font colour #EF281C

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


#EF281C Background Colour

This div background Colour is #EF281C


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


#EF281C Border Colour

This div border Colour is #EF281C


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(239, 40, 28, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #EF281C;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #EF281C;
    -webkit-box-shadow: 1px 1px 3px 2px #EF281C;
    box-shadow: 1px 1px 3px 2px #EF281C;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(239, 40, 28, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # EF281C



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

Colour Palettes with #EF281C

Colour Compositions

RGB % of Colour #EF281C

CMYK % of Colour #EF281C

Related Colours along with #EF281C

Black background

Sample text in #EF281C colour with black background colour.

White background

Sample text in #EF281C colour with white background colour.

#EF281C over22 #10D7E3

Sample text in #EF281C colour with #10D7E3 background colour.

#10D7E3 over EF281C

Sample text in #10D7E3 colour with #EF281C background colour.

#EF281C over22 #1C28EF

Sample text in #EF281C colour with #1C28EF background colour.

#1C28EF over EF281C

Sample text in #1C28EF colour with #EF281C background colour.

#EF281C over22 #1C79EF

Sample text in #EF281C colour with #1C79EF background colour.

#1C79EF over EF281C

Sample text in #1C79EF colour with #EF281C background colour.

#EF281C over22 #1CE3EF

Sample text in #EF281C colour with #1CE3EF background colour.

#1CE3EF over EF281C

Sample text in #1CE3EF colour with #EF281C background colour.

#EF281C over22 #1CEF28

Sample text in #EF281C colour with #1CEF28 background colour.

#1CEF28 over EF281C

Sample text in #1CEF28 colour with #EF281C background colour.

#EF281C over22 #1CEF91

Sample text in #EF281C colour with #1CEF91 background colour.

#1CEF91 over EF281C

Sample text in #1CEF91 colour with #EF281C background colour.

#EF281C over22 #281CEF

Sample text in #EF281C colour with #281CEF background colour.

#281CEF over EF281C

Sample text in #281CEF colour with #EF281C background colour.

#EF281C over22 #28EF1C

Sample text in #EF281C colour with #28EF1C background colour.

#28EF1C over EF281C

Sample text in #28EF1C colour with #EF281C background colour.

#EF281C over22 #79EF1C

Sample text in #EF281C colour with #79EF1C background colour.

#79EF1C over EF281C

Sample text in #79EF1C colour with #EF281C background colour.

#EF281C over22 #911CEF

Sample text in #EF281C colour with #911CEF background colour.

#911CEF over EF281C

Sample text in #911CEF colour with #EF281C background colour.

#EF281C over22 #E3EF1C

Sample text in #EF281C colour with #E3EF1C background colour.

#E3EF1C over EF281C

Sample text in #E3EF1C colour with #EF281C background colour.

#EF281C over22 #EF1C28

Sample text in #EF281C colour with #EF1C28 background colour.

#EF1C28 over EF281C

Sample text in #EF1C28 colour with #EF281C background colour.

#EF281C over22 #EF1CE3

Sample text in #EF281C colour with #EF1CE3 background colour.

#EF1CE3 over EF281C

Sample text in #EF1CE3 colour with #EF281C background colour.

#EF281C over22 #FF3333

Sample text in #EF281C colour with #FF3333 background colour.

#FF3333 over EF281C

Sample text in #FF3333 colour with #EF281C background colour.

#EF281C over22 #626262

Sample text in #EF281C colour with #626262 background colour.

#626262 over EF281C

Sample text in #626262 colour with #EF281C background colour.