Colour code #EF921C

#EF921C
rgb(239, 146, 28)
rgb(93.7%, 57.3%, 11%)

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

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

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

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

Hex color #EF921C is not a web safe color. Nearby web safe colour of #EF921C is #FF9933.

Grayscale color of #EF921C is #A0A0A0

Inverted color of #EF921C is #106DE3

OLE colour (RGB Long) of #EF921C is 1872623

Decimal Value of #EF921C is 15700508

Android / android.graphics.Color of #EF921C is -1076708 / 0xFFEF921C

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

Hex Triplets
#EF921C
RGB Decimal
rgb(239, 146, 28)
RGB Percent
rgb(93.73%, 57.25%, 10.98%)
RGBA
rgba(239, 146, 28, 1)
HSL
hsl(33.6, 86.8%, 52.4%)
HSLA
hsla(33.6, 86.8%, 52.4%, 1)

Colour spaces of #EF921C

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

    C = 6.27%
    0.062745098039216
    M = 42.75%
    0.42745098039216
    Y = 89.02%
    0.89019607843137
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 33.6°
    0.093206951026856
    S = 86.8%
    0.86831275720165
    L = 52.4%
    0.52352941176471
  • HSV (HSB) – hue, saturation, brightness/value
    H = 33.6°
    0.093206951026856
    S = 88.28%
    0.88284518828452
    V = 93.73%
    0.93725490196078
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 38.91
    0.38912133891213
    Y = 88.28
    0.88284518828452
    K = 6.27
    0.062745098039216
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 46.085
    46.085088865456
    Y = 38.992
    38.992331482461
    Z = 6.196
    6.1959321120059

    Yxy
    CIE (x, y, Y)
    Y = 38.992
    38.992331482461
    x = 0.505
    0.5049128537893
    y = 0.427
    0.42720389282931

    Hunter-Lab
    Hunter 1948 colour space
    L = 62.44
    62.443839954363
    a = 22.46
    22.460667923021
    b = 37.83
    37.827692700798

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 68.75
    68.745710252567
    a = 27.52
    27.522069703856
    b = 69.19
    69.186283448659

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 68.7457
    68.745710252567
    u = 76.8164
    76.816383150088
    v = 64.279
    64.278970046205

    CIELCH
    Cylindrical representation
    L = 68.7457
    68.745710252567
    C = 74.4594
    74.459426120687
    H = 68.3075
    68.307504493072

    YIQ
    Luma In-phase Quadrature
    Y = 0.6288
    0.6288431372549
    I = 0.3659
    0.36590588235294
    Q = -0.0666
    -0.066596078431373

Base Numbers

Base Red Green Blue
Binary 11101111 10010010 00011100
Octal 357 222 34
Decimal 239 146 28
Hex EF 92 1C


Colour Harmonies : #EF921C colour combinations

Complementary colour scheme for #EF921C

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

Split-complementary colour scheme for #EF921C

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 #EF921C are calculated by changing the hue by ±5/12 (±150°): 33.6° → -116.4° (33.6°-150°), 183.6° (33.6°+150°).

Triadic colours scheme for #EF921C

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 #EF921C are calculated by changing the hue by ±1/3 (±120°): 33.6° → -86.4° (33.6°-120°), 153.6° (33.6°+120°).

Tetradic (Rectangle) colour scheme for #EF921C

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 #EF921C are calculated by changing the hue as follows : 33.6° → 153.6° (33.6°+120°), 213.6° (33.6°+180°), 333.6° (33.6°+300°).


Four tetradic scheme colours (counter-clockwise) for #EF921C are calculated by changing the hue as follows : 33.6° → -86.4° (33.6°-120°), -146.4° (33.6°-180°), -266.4° (33.6°-300°).

Tetradic Square Colour Scheme for #EF921C

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 #EF921C are calculated by changing the hue by 1/4 (90°) progressively : 33.6° → 123.6° (33.6°+90°), 213.6° (33.6°+180°), 303.6° (33.6°+270°).

Analagous colours of #EF921C

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 #EF921C are calculated by changing the hue by ±1/12 (i.e. 30°): 33.6° → 63.6° (33.6°+30°), 3.6° (33.6°-30°).

RGB Variations of #EF921C

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

Monochromatic colours of #EF921C

Shade Colour Variation of #EF921C (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #EF921C (Brighter)

Tint is created by mixing white to any pure color

Tones of #EF921C colour with more saturation

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

Tones of #EF921C colour with less saturation

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

#EF921C Colour in CSS Codes


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

Text with hexadecimal font colour #EF921C

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


#EF921C Background Colour

This div background Colour is #EF921C


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


#EF921C Border Colour

This div border Colour is #EF921C


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(239, 146, 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 #EF921C">Text here</p>


Div Box Shadow

This div box has shadow with Colour # EF921C



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

Colour Palettes with #EF921C

Colour Compositions

RGB % of Colour #EF921C

CMYK % of Colour #EF921C

Related Colours along with #EF921C

Black background

Sample text in #EF921C colour with black background colour.

White background

Sample text in #EF921C colour with white background colour.

#EF921C over22 #106DE3

Sample text in #EF921C colour with #106DE3 background colour.

#106DE3 over EF921C

Sample text in #106DE3 colour with #EF921C background colour.

#EF921C over22 #1C79EF

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

#1C79EF over EF921C

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

#EF921C over22 #1C92EF

Sample text in #EF921C colour with #1C92EF background colour.

#1C92EF over EF921C

Sample text in #1C92EF colour with #EF921C background colour.

#EF921C over22 #1CE2EF

Sample text in #EF921C colour with #1CE2EF background colour.

#1CE2EF over EF921C

Sample text in #1CE2EF colour with #EF921C background colour.

#EF921C over22 #1CEF28

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

#1CEF28 over EF921C

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

#EF921C over22 #1CEF92

Sample text in #EF921C colour with #1CEF92 background colour.

#1CEF92 over EF921C

Sample text in #1CEF92 colour with #EF921C background colour.

#EF921C over22 #281CEF

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

#281CEF over EF921C

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

#EF921C over22 #79EF1C

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

#79EF1C over EF921C

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

#EF921C over22 #921CEF

Sample text in #EF921C colour with #921CEF background colour.

#921CEF over EF921C

Sample text in #921CEF colour with #EF921C background colour.

#EF921C over22 #92EF1C

Sample text in #EF921C colour with #92EF1C background colour.

#92EF1C over EF921C

Sample text in #92EF1C colour with #EF921C background colour.

#EF921C over22 #A0A0A0

Sample text in #EF921C colour with #A0A0A0 background colour.

#A0A0A0 over EF921C

Sample text in #A0A0A0 colour with #EF921C background colour.

#EF921C over22 #EF1C79

Sample text in #EF921C colour with #EF1C79 background colour.

#EF1C79 over EF921C

Sample text in #EF1C79 colour with #EF921C background colour.

#EF921C over22 #EF1C92

Sample text in #EF921C colour with #EF1C92 background colour.

#EF1C92 over EF921C

Sample text in #EF1C92 colour with #EF921C background colour.

#EF921C over22 #EF1CE2

Sample text in #EF921C colour with #EF1CE2 background colour.

#EF1CE2 over EF921C

Sample text in #EF1CE2 colour with #EF921C background colour.

#EF921C over22 #FF9933

Sample text in #EF921C colour with #FF9933 background colour.

#FF9933 over EF921C

Sample text in #FF9933 colour with #EF921C background colour.