Colour code #FF5714

#FF5714
rgb(255, 87, 20)
rgb(100%, 34.1%, 7.8%)

RGB value of #FF5714 colour is rgb(255, 87, 20) where red value is 255, green value is 87 and the blue value is 20.

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

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

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

Hex color #FF5714 is not a web safe color. Nearby web safe colour of #FF5714 is #FF6600.

Grayscale color of #FF5714 is #828282

Inverted color of #FF5714 is #00A8EB

OLE colour (RGB Long) of #FF5714 is 1333247

Decimal Value of #FF5714 is 16733972

Android / android.graphics.Color of #FF5714 is -43244 / 0xFFFF5714

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

Hex Triplets
#FF5714
RGB Decimal
rgb(255, 87, 20)
RGB Percent
rgb(100%, 34.12%, 7.84%)
RGBA
rgba(255, 87, 20, 1)
HSL
hsl(17.1, 100%, 53.9%)
HSLA
hsla(17.1, 100%, 53.9%, 1)

Colour spaces of #FF5714

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 255
    100%
    G = 87
    34.12%
    B = 20
    7.84%

    C = 0%
    0
    M = 65.88%
    0.65882352941176
    Y = 92.16%
    0.92156862745098
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 17.1°
    0.047517730496454
    S = 100%
    1
    L = 53.9%
    0.53921568627451
  • HSV (HSB) – hue, saturation, brightness/value
    H = 17.1°
    0.047517730496454
    S = 92.16%
    0.92156862745098
    V = 100%
    1
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 65.88
    0.65882352941176
    Y = 92.16
    0.92156862745098
    K = 0
    0
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 44.774
    44.774462160603
    Y = 28.127
    28.126896874999
    Z = 3.731
    3.7309787405407

    Yxy
    CIE (x, y, Y)
    Y = 28.127
    28.126896874999
    x = 0.584
    0.58427634416423
    y = 0.367
    0.36703691537067

    Hunter-Lab
    Hunter 1948 colour space
    L = 53.03
    53.034796949737
    a = 57.89
    57.887174442329
    b = 32.95
    32.953327857172

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 60
    60.00320901997
    a = 61.45
    61.445696482466
    b = 66.08
    66.079285894898

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 60.0032
    60.00320901997
    u = 138.023
    138.02302117309
    v = 47.8889
    47.888903333069

    CIELCH
    Cylindrical representation
    L = 60.0032
    60.00320901997
    C = 90.2333
    90.233284549522
    H = 47.0809
    47.080912872073

    YIQ
    Luma In-phase Quadrature
    Y = 0.5082
    0.50821176470588
    I = 0.477
    0.477
    Q = 0.058
    0.057956862745098

Base Numbers

Base Red Green Blue
Binary 11111111 01010111 00010100
Octal 377 127 24
Decimal 255 87 20
Hex FF 57 14


Colour Harmonies : #FF5714 colour combinations

Complementary colour scheme for #FF5714

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

Split-complementary colour scheme for #FF5714

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 #FF5714 are calculated by changing the hue by ±5/12 (±150°): 17.1° → -132.9° (17.1°-150°), 167.1° (17.1°+150°).

Triadic colours scheme for #FF5714

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 #FF5714 are calculated by changing the hue by ±1/3 (±120°): 17.1° → -102.9° (17.1°-120°), 137.1° (17.1°+120°).

Tetradic (Rectangle) colour scheme for #FF5714

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 #FF5714 are calculated by changing the hue as follows : 17.1° → 137.1° (17.1°+120°), 197.1° (17.1°+180°), 317.1° (17.1°+300°).


Four tetradic scheme colours (counter-clockwise) for #FF5714 are calculated by changing the hue as follows : 17.1° → -102.9° (17.1°-120°), -162.9° (17.1°-180°), -282.9° (17.1°-300°).

Tetradic Square Colour Scheme for #FF5714

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 #FF5714 are calculated by changing the hue by 1/4 (90°) progressively : 17.1° → 107.1° (17.1°+90°), 197.1° (17.1°+180°), 287.1° (17.1°+270°).

Analagous colours of #FF5714

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 #FF5714 are calculated by changing the hue by ±1/12 (i.e. 30°): 17.1° → 47.1° (17.1°+30°), -12.9° (17.1°-30°).

RGB Variations of #FF5714

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

Monochromatic colours of #FF5714

Shade Colour Variation of #FF5714 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #FF5714 (Brighter)

Tint is created by mixing white to any pure color

Tones of #FF5714 colour with more saturation

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

Tones of #FF5714 colour with less saturation

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

#FF5714 Colour in CSS Codes


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

Text with hexadecimal font colour #FF5714

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


#FF5714 Background Colour

This div background Colour is #FF5714


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


#FF5714 Border Colour

This div border Colour is #FF5714


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # FF5714



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

Colour Compositions

RGB % of Colour #FF5714

CMYK % of Colour #FF5714

Related Colours along with #FF5714

Black background

Sample text in #FF5714 colour with black background colour.

White background

Sample text in #FF5714 colour with white background colour.

#FF5714 over22 #00A8EB

Sample text in #FF5714 colour with #00A8EB background colour.

#00A8EB over FF5714

Sample text in #00A8EB colour with #FF5714 background colour.

#FF5714 over22 #1447FF

Sample text in #FF5714 colour with #1447FF background colour.

#1447FF over FF5714

Sample text in #1447FF colour with #FF5714 background colour.

#FF5714 over22 #1457FF

Sample text in #FF5714 colour with #1457FF background colour.

#1457FF over FF5714

Sample text in #1457FF colour with #FF5714 background colour.

#FF5714 over22 #14BCFF

Sample text in #FF5714 colour with #14BCFF background colour.

#14BCFF over FF5714

Sample text in #14BCFF colour with #FF5714 background colour.

#FF5714 over22 #14FF57

Sample text in #FF5714 colour with #14FF57 background colour.

#14FF57 over FF5714

Sample text in #14FF57 colour with #FF5714 background colour.

#FF5714 over22 #14FFCD

Sample text in #FF5714 colour with #14FFCD background colour.

#14FFCD over FF5714

Sample text in #14FFCD colour with #FF5714 background colour.

#FF5714 over22 #47FF14

Sample text in #FF5714 colour with #47FF14 background colour.

#47FF14 over FF5714

Sample text in #47FF14 colour with #FF5714 background colour.

#FF5714 over22 #5714FF

Sample text in #FF5714 colour with #5714FF background colour.

#5714FF over FF5714

Sample text in #5714FF colour with #FF5714 background colour.

#FF5714 over22 #57FF14

Sample text in #FF5714 colour with #57FF14 background colour.

#57FF14 over FF5714

Sample text in #57FF14 colour with #FF5714 background colour.

#FF5714 over22 #BCFF14

Sample text in #FF5714 colour with #BCFF14 background colour.

#BCFF14 over FF5714

Sample text in #BCFF14 colour with #FF5714 background colour.

#FF5714 over22 #CD14FF

Sample text in #FF5714 colour with #CD14FF background colour.

#CD14FF over FF5714

Sample text in #CD14FF colour with #FF5714 background colour.

#FF5714 over22 #FF1457

Sample text in #FF5714 colour with #FF1457 background colour.

#FF1457 over FF5714

Sample text in #FF1457 colour with #FF5714 background colour.

#FF5714 over22 #FF14BC

Sample text in #FF5714 colour with #FF14BC background colour.

#FF14BC over FF5714

Sample text in #FF14BC colour with #FF5714 background colour.

#FF5714 over22 #FF6600

Sample text in #FF5714 colour with #FF6600 background colour.

#FF6600 over FF5714

Sample text in #FF6600 colour with #FF5714 background colour.

#FF5714 over22 #828282

Sample text in #FF5714 colour with #828282 background colour.

#828282 over FF5714

Sample text in #828282 colour with #FF5714 background colour.