Colour code #E07F07

#E07F07
rgb(224, 127, 7)
rgb(87.8%, 49.8%, 2.7%)

RGB value of #E07F07 colour is rgb(224, 127, 7) where red value is 224, green value is 127 and the blue value is 7.

Max value from RGB for colour #E07F07 is 224 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #E07F07 hue angle of 33.2°, saturation:93.9% and the lightness value is 45.3%.

The process colour (four Colour CMYK) of #E07F07 colour is Cyan = 0, Magento = 0.43, Yellow = 0.97, and Key/Black (K on CMYK) = 0.12.

Hex color #E07F07 is not a web safe color. Nearby web safe colour of #E07F07 is #CC6600.

Grayscale color of #E07F07 is #8E8E8E

Inverted color of #E07F07 is #1F80F8

OLE colour (RGB Long) of #E07F07 is 491488

Decimal Value of #E07F07 is 14712583

Android / android.graphics.Color of #E07F07 is -2064633 / 0xFFE07F07

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

Hex Triplets
#E07F07
RGB Decimal
rgb(224, 127, 7)
RGB Percent
rgb(87.84%, 49.8%, 2.75%)
RGBA
rgba(224, 127, 7, 1)
HSL
hsl(33.2, 93.9%, 45.3%)
HSLA
hsla(33.2, 93.9%, 45.3%, 1)

Colour spaces of #E07F07

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 224
    87.84%
    G = 127
    49.8%
    B = 7
    2.75%

    C = 12.16%
    0.12156862745098
    M = 50.2%
    0.50196078431373
    Y = 97.25%
    0.97254901960784
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 33.2°
    0.092165898617511
    S = 93.9%
    0.93939393939394
    L = 45.3%
    0.45294117647059
  • HSV (HSB) – hue, saturation, brightness/value
    H = 33.2°
    0.092165898617511
    S = 96.88%
    0.96875
    V = 87.84%
    0.87843137254902
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 43.3
    0.43303571428571
    Y = 96.88
    0.96875
    K = 12.16
    0.12156862745098
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 38.368
    38.368192120944
    Y = 31.041
    31.04137751883
    Z = 4.17
    4.1703724312927

    Yxy
    CIE (x, y, Y)
    Y = 31.041
    31.04137751883
    x = 0.521
    0.52144906670198
    y = 0.422
    0.42187281812276

    Hunter-Lab
    Hunter 1948 colour space
    L = 55.71
    55.714789346125
    a = 25.42
    25.423792217777
    b = 34.56
    34.562367864373

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 62.54
    62.542547696708
    a = 30.98
    30.982785656787
    b = 68
    68.001367768243

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 62.5425
    62.542547696708
    u = 80.7363
    80.73626490264
    v = 58.9943
    58.994303618309

    CIELCH
    Cylindrical representation
    L = 62.5425
    62.542547696708
    C = 74.727
    74.726963175324
    H = 65.505
    65.505039514147

    YIQ
    Luma In-phase Quadrature
    Y = 0.5581
    0.55812941176471
    I = 0.3778
    0.37777254901961
    Q = -0.0657
    -0.065709803921569

Base Numbers

Base Red Green Blue
Binary 11100000 01111111 00000111
Octal 340 177 7
Decimal 224 127 7
Hex E0 7F 7


Colour Harmonies : #E07F07 colour combinations

Complementary colour scheme for #E07F07

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

Split-complementary colour scheme for #E07F07

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 #E07F07 are calculated by changing the hue by ±5/12 (±150°): 33.2° → -116.8° (33.2°-150°), 183.2° (33.2°+150°).

Triadic colours scheme for #E07F07

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 #E07F07 are calculated by changing the hue by ±1/3 (±120°): 33.2° → -86.8° (33.2°-120°), 153.2° (33.2°+120°).

Tetradic (Rectangle) colour scheme for #E07F07

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 #E07F07 are calculated by changing the hue as follows : 33.2° → 153.2° (33.2°+120°), 213.2° (33.2°+180°), 333.2° (33.2°+300°).


Four tetradic scheme colours (counter-clockwise) for #E07F07 are calculated by changing the hue as follows : 33.2° → -86.8° (33.2°-120°), -146.8° (33.2°-180°), -266.8° (33.2°-300°).

Tetradic Square Colour Scheme for #E07F07

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 #E07F07 are calculated by changing the hue by 1/4 (90°) progressively : 33.2° → 123.2° (33.2°+90°), 213.2° (33.2°+180°), 303.2° (33.2°+270°).

Analagous colours of #E07F07

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 #E07F07 are calculated by changing the hue by ±1/12 (i.e. 30°): 33.2° → 63.2° (33.2°+30°), 3.2° (33.2°-30°).

RGB Variations of #E07F07

(R:E0, G:7F, B:E0)

Monochromatic colours of #E07F07

Shade Colour Variation of #E07F07 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #E07F07 (Brighter)

Tint is created by mixing white to any pure color

Tones of #E07F07 colour with more saturation

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

Tones of #E07F07 colour with less saturation

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

#E07F07 Colour in CSS Codes


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

Text with hexadecimal font colour #E07F07

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


#E07F07 Background Colour

This div background Colour is #E07F07


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


#E07F07 Border Colour

This div border Colour is #E07F07


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(224, 127, 7, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #E07F07;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #E07F07;
    -webkit-box-shadow: 1px 1px 3px 2px #E07F07;
    box-shadow: 1px 1px 3px 2px #E07F07;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(224, 127, 7, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # E07F07



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

Colour Palettes with #E07F07

Colour Compositions

RGB % of Colour #E07F07

CMYK % of Colour #E07F07

Related Colours along with #E07F07

Black background

Sample text in #E07F07 colour with black background colour.

White background

Sample text in #E07F07 colour with white background colour.

#E07F07 over22 #0768E0

Sample text in #E07F07 colour with #0768E0 background colour.

#0768E0 over E07F07

Sample text in #0768E0 colour with #E07F07 background colour.

#E07F07 over22 #077FE0

Sample text in #E07F07 colour with #077FE0 background colour.

#077FE0 over E07F07

Sample text in #077FE0 colour with #E07F07 background colour.

#E07F07 over22 #07D4E0

Sample text in #E07F07 colour with #07D4E0 background colour.

#07D4E0 over E07F07

Sample text in #07D4E0 colour with #E07F07 background colour.

#E07F07 over22 #07E07F

Sample text in #E07F07 colour with #07E07F background colour.

#07E07F over E07F07

Sample text in #07E07F colour with #E07F07 background colour.

#E07F07 over22 #1207E0

Sample text in #E07F07 colour with #1207E0 background colour.

#1207E0 over E07F07

Sample text in #1207E0 colour with #E07F07 background colour.

#E07F07 over22 #1F80F8

Sample text in #E07F07 colour with #1F80F8 background colour.

#1F80F8 over E07F07

Sample text in #1F80F8 colour with #E07F07 background colour.

#E07F07 over22 #68E007

Sample text in #E07F07 colour with #68E007 background colour.

#68E007 over E07F07

Sample text in #68E007 colour with #E07F07 background colour.

#E07F07 over22 #07E012

Sample text in #E07F07 colour with #07E012 background colour.

#07E012 over E07F07

Sample text in #07E012 colour with #E07F07 background colour.

#E07F07 over22 #7F07E0

Sample text in #E07F07 colour with #7F07E0 background colour.

#7F07E0 over E07F07

Sample text in #7F07E0 colour with #E07F07 background colour.

#E07F07 over22 #7FE007

Sample text in #E07F07 colour with #7FE007 background colour.

#7FE007 over E07F07

Sample text in #7FE007 colour with #E07F07 background colour.

#E07F07 over22 #8E8E8E

Sample text in #E07F07 colour with #8E8E8E background colour.

#8E8E8E over E07F07

Sample text in #8E8E8E colour with #E07F07 background colour.

#E07F07 over22 #CC6600

Sample text in #E07F07 colour with #CC6600 background colour.

#CC6600 over E07F07

Sample text in #CC6600 colour with #E07F07 background colour.

#E07F07 over22 #E00768

Sample text in #E07F07 colour with #E00768 background colour.

#E00768 over E07F07

Sample text in #E00768 colour with #E07F07 background colour.

#E07F07 over22 #E0077F

Sample text in #E07F07 colour with #E0077F background colour.

#E0077F over E07F07

Sample text in #E0077F colour with #E07F07 background colour.

#E07F07 over22 #E007D4

Sample text in #E07F07 colour with #E007D4 background colour.

#E007D4 over E07F07

Sample text in #E007D4 colour with #E07F07 background colour.