Colour code #FF1456

#FF1456
rgb(255, 20, 86)
rgb(100%, 7.8%, 33.7%)

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

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

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

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

Hex color #FF1456 is not a web safe color. Nearby web safe colour of #FF1456 is #FF0066.

Grayscale color of #FF1456 is #616161

Inverted color of #FF1456 is #00EBA9

OLE colour (RGB Long) of #FF1456 is 5641471

Decimal Value of #FF1456 is 16716886

Android / android.graphics.Color of #FF1456 is -60330 / 0xFFFF1456

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

Hex Triplets
#FF1456
RGB Decimal
rgb(255, 20, 86)
RGB Percent
rgb(100%, 7.84%, 33.73%)
RGBA
rgba(255, 20, 86, 1)
HSL
hsl(343.1, 100%, 53.9%)
HSLA
hsla(343.1, 100%, 53.9%, 1)

Colour spaces of #FF1456

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

    C = 0%
    0
    M = 92.16%
    0.92156862745098
    Y = 66.27%
    0.66274509803922
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 343.1°
    0.9531914893617
    S = 100%
    1
    L = 53.9%
    0.53921568627451
  • HSV (HSB) – hue, saturation, brightness/value
    H = 343.1°
    0.9531914893617
    S = 92.16%
    0.92156862745098
    V = 100%
    1
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 92.16
    0.92156862745098
    Y = 66.27
    0.66274509803922
    K = 0
    0
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 43.17
    43.169870147679
    Y = 22.432
    22.432197448346
    Z = 10.859
    10.85863970801

    Yxy
    CIE (x, y, Y)
    Y = 22.432
    22.432197448346
    x = 0.565
    0.56460202461926
    y = 0.293
    0.29338202900933

    Hunter-Lab
    Hunter 1948 colour space
    L = 47.36
    47.362640813563
    a = 79.81
    79.813692880436
    b = 19.56
    19.560671811843

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 54.48
    54.48260206026
    a = 80.54
    80.537328096185
    b = 28.77
    28.77432052589

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 54.4826
    54.48260206026
    u = 156.5657
    156.56573570797
    v = 15.168
    15.168043315676

    CIELCH
    Cylindrical representation
    L = 54.4826
    54.48260206026
    C = 85.5232
    85.523229233929
    H = 19.6608
    19.660757216147

    YIQ
    Luma In-phase Quadrature
    Y = 0.3835
    0.3834862745098
    I = 0.4662
    0.46617254901961
    Q = 0.2759
    0.27586666666667

Base Numbers

Base Red Green Blue
Binary 11111111 00010100 01010110
Octal 377 24 126
Decimal 255 20 86
Hex FF 14 56


Colour Harmonies : #FF1456 colour combinations

Complementary colour scheme for #FF1456

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

Split-complementary colour scheme for #FF1456

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 #FF1456 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 #FF1456

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 #FF1456 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 #FF1456

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 #FF1456 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 #FF1456 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 #FF1456

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 #FF1456 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 #FF1456

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 #FF1456 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 #FF1456

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

Monochromatic colours of #FF1456

Shade Colour Variation of #FF1456 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #FF1456 (Brighter)

Tint is created by mixing white to any pure color

Tones of #FF1456 colour with more saturation

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

Tones of #FF1456 colour with less saturation

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

#FF1456 Colour in CSS Codes


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

Text with hexadecimal font colour #FF1456

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


#FF1456 Background Colour

This div background Colour is #FF1456


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


#FF1456 Border Colour

This div border Colour is #FF1456


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # FF1456



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

Colour Compositions

RGB % of Colour #FF1456

CMYK % of Colour #FF1456

Related Colours along with #FF1456

Black background

Sample text in #FF1456 colour with black background colour.

White background

Sample text in #FF1456 colour with white background colour.

#FF1456 over22 #00EBA9

Sample text in #FF1456 colour with #00EBA9 background colour.

#00EBA9 over FF1456

Sample text in #00EBA9 colour with #FF1456 background colour.

#FF1456 over22 #1456FF

Sample text in #FF1456 colour with #1456FF background colour.

#1456FF over FF1456

Sample text in #1456FF colour with #FF1456 background colour.

#FF1456 over22 #14CCFF

Sample text in #FF1456 colour with #14CCFF background colour.

#14CCFF over FF1456

Sample text in #14CCFF colour with #FF1456 background colour.

#FF1456 over22 #14FF48

Sample text in #FF1456 colour with #14FF48 background colour.

#14FF48 over FF1456

Sample text in #14FF48 colour with #FF1456 background colour.

#FF1456 over22 #14FF56

Sample text in #FF1456 colour with #14FF56 background colour.

#14FF56 over FF1456

Sample text in #14FF56 colour with #FF1456 background colour.

#FF1456 over22 #14FFBD

Sample text in #FF1456 colour with #14FFBD background colour.

#14FFBD over FF1456

Sample text in #14FFBD colour with #FF1456 background colour.

#FF1456 over22 #4814FF

Sample text in #FF1456 colour with #4814FF background colour.

#4814FF over FF1456

Sample text in #4814FF colour with #FF1456 background colour.

#FF1456 over22 #5614FF

Sample text in #FF1456 colour with #5614FF background colour.

#5614FF over FF1456

Sample text in #5614FF colour with #FF1456 background colour.

#FF1456 over22 #56FF14

Sample text in #FF1456 colour with #56FF14 background colour.

#56FF14 over FF1456

Sample text in #56FF14 colour with #FF1456 background colour.

#FF1456 over22 #BD14FF

Sample text in #FF1456 colour with #BD14FF background colour.

#BD14FF over FF1456

Sample text in #BD14FF colour with #FF1456 background colour.

#FF1456 over22 #CCFF14

Sample text in #FF1456 colour with #CCFF14 background colour.

#CCFF14 over FF1456

Sample text in #CCFF14 colour with #FF1456 background colour.

#FF1456 over22 #FF0066

Sample text in #FF1456 colour with #FF0066 background colour.

#FF0066 over FF1456

Sample text in #FF0066 colour with #FF1456 background colour.

#FF1456 over22 #FF5614

Sample text in #FF1456 colour with #FF5614 background colour.

#FF5614 over FF1456

Sample text in #FF5614 colour with #FF1456 background colour.

#FF1456 over22 #FFBD14

Sample text in #FF1456 colour with #FFBD14 background colour.

#FFBD14 over FF1456

Sample text in #FFBD14 colour with #FF1456 background colour.

#FF1456 over22 #616161

Sample text in #FF1456 colour with #616161 background colour.

#616161 over FF1456

Sample text in #616161 colour with #FF1456 background colour.