Colour code #F61C5A

#F61C5A
rgb(246, 28, 90)
rgb(96.5%, 11%, 35.3%)

RGB value of #F61C5A colour is rgb(246, 28, 90) where red value is 246, green value is 28 and the blue value is 90.

Max value from RGB for colour #F61C5A is 246 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #F61C5A hue angle of 342.9°, saturation:92.4% and the lightness value is 53.7%.

The process colour (four Colour CMYK) of #F61C5A colour is Cyan = 0, Magento = 0.89, Yellow = 0.63, and Key/Black (K on CMYK) = 0.04.

Hex color #F61C5A is not a web safe color. Nearby web safe colour of #F61C5A is #FF3366.

Grayscale color of #F61C5A is #646464

Inverted color of #F61C5A is #09E3A5

OLE colour (RGB Long) of #F61C5A is 5905654

Decimal Value of #F61C5A is 16129114

Android / android.graphics.Color of #F61C5A is -648102 / 0xFFF61C5A

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

Hex Triplets
#F61C5A
RGB Decimal
rgb(246, 28, 90)
RGB Percent
rgb(96.47%, 10.98%, 35.29%)
RGBA
rgba(246, 28, 90, 1)
HSL
hsl(342.9, 92.4%, 53.7%)
HSLA
hsla(342.9, 92.4%, 53.7%, 1)

Colour spaces of #F61C5A

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 246
    96.47%
    G = 28
    10.98%
    B = 90
    35.29%

    C = 3.53%
    0.035294117647059
    M = 89.02%
    0.89019607843137
    Y = 64.71%
    0.64705882352941
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 342.9°
    0.9525993883792
    S = 92.4%
    0.92372881355932
    L = 53.7%
    0.53725490196078
  • HSV (HSB) – hue, saturation, brightness/value
    H = 342.9°
    0.9525993883792
    S = 88.62%
    0.88617886178862
    V = 96.47%
    0.96470588235294
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 88.62
    0.88617886178862
    Y = 63.41
    0.63414634146341
    K = 3.53
    0.035294117647059
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 40.267
    40.266752922744
    Y = 21.162
    21.161523352607
    Z = 11.635
    11.635147675182

    Yxy
    CIE (x, y, Y)
    Y = 21.162
    21.161523352607
    x = 0.551
    0.55112052988382
    y = 0.29
    0.28963224289809

    Hunter-Lab
    Hunter 1948 colour space
    L = 46
    46.00165578825
    a = 75.74
    75.74398682609
    b = 17.21
    17.205005242944

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 53.13
    53.125820387084
    a = 77.57
    77.5693517381
    b = 24.27
    24.274933813315

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 53.1258
    53.125820387084
    u = 146.7067
    146.70665185109
    v = 11.5879
    11.587903837483

    CIELCH
    Cylindrical representation
    L = 53.1258
    53.125820387084
    C = 81.279
    81.279005534701
    H = 17.3772
    17.377245245074

    YIQ
    Luma In-phase Quadrature
    Y = 0.3931
    0.39313725490196
    I = 0.4315
    0.43147450980392
    Q = 0.2569
    0.25685490196078

Base Numbers

Base Red Green Blue
Binary 11110110 00011100 01011010
Octal 366 34 132
Decimal 246 28 90
Hex F6 1C 5A


Colour Harmonies : #F61C5A colour combinations

Complementary colour scheme for #F61C5A

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

Split-complementary colour scheme for #F61C5A

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 #F61C5A are calculated by changing the hue by ±5/12 (±150°): 342.9° → 192.9° (342.9°-150°), 492.9° (342.9°+150°).

Triadic colours scheme for #F61C5A

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 #F61C5A are calculated by changing the hue by ±1/3 (±120°): 342.9° → 222.9° (342.9°-120°), 462.9° (342.9°+120°).

Tetradic (Rectangle) colour scheme for #F61C5A

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 #F61C5A are calculated by changing the hue as follows : 342.9° → 462.9° (342.9°+120°), 522.9° (342.9°+180°), 642.9° (342.9°+300°).


Four tetradic scheme colours (counter-clockwise) for #F61C5A are calculated by changing the hue as follows : 342.9° → 222.9° (342.9°-120°), 162.9° (342.9°-180°), 42.9° (342.9°-300°).

Tetradic Square Colour Scheme for #F61C5A

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 #F61C5A are calculated by changing the hue by 1/4 (90°) progressively : 342.9° → 432.9° (342.9°+90°), 522.9° (342.9°+180°), 612.9° (342.9°+270°).

Analagous colours of #F61C5A

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 #F61C5A are calculated by changing the hue by ±1/12 (i.e. 30°): 342.9° → 372.9° (342.9°+30°), 312.9° (342.9°-30°).

RGB Variations of #F61C5A

(R:F6, G:1C, B:F6)

Monochromatic colours of #F61C5A

Shade Colour Variation of #F61C5A (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #F61C5A (Brighter)

Tint is created by mixing white to any pure color

Tones of #F61C5A colour with more saturation

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

Tones of #F61C5A colour with less saturation

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

#F61C5A Colour in CSS Codes


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

Text with hexadecimal font colour #F61C5A

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


#F61C5A Background Colour

This div background Colour is #F61C5A


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


#F61C5A Border Colour

This div border Colour is #F61C5A


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # F61C5A



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

Colour Palettes with #F61C5A

Colour Compositions

RGB % of Colour #F61C5A

CMYK % of Colour #F61C5A

Related Colours along with #F61C5A

Black background

Sample text in #F61C5A colour with black background colour.

White background

Sample text in #F61C5A colour with white background colour.

#F61C5A over22 #09E3A5

Sample text in #F61C5A colour with #09E3A5 background colour.

#09E3A5 over F61C5A

Sample text in #09E3A5 colour with #F61C5A background colour.

#F61C5A over22 #1C5AF6

Sample text in #F61C5A colour with #1C5AF6 background colour.

#1C5AF6 over F61C5A

Sample text in #1C5AF6 colour with #F61C5A background colour.

#F61C5A over22 #1CC7F6

Sample text in #F61C5A colour with #1CC7F6 background colour.

#1CC7F6 over F61C5A

Sample text in #1CC7F6 colour with #F61C5A background colour.

#F61C5A over22 #1CF64B

Sample text in #F61C5A colour with #1CF64B background colour.

#1CF64B over F61C5A

Sample text in #1CF64B colour with #F61C5A background colour.

#F61C5A over22 #1CF65A

Sample text in #F61C5A colour with #1CF65A background colour.

#1CF65A over F61C5A

Sample text in #1CF65A colour with #F61C5A background colour.

#F61C5A over22 #1CF6B8

Sample text in #F61C5A colour with #1CF6B8 background colour.

#1CF6B8 over F61C5A

Sample text in #1CF6B8 colour with #F61C5A background colour.

#F61C5A over22 #4B1CF6

Sample text in #F61C5A colour with #4B1CF6 background colour.

#4B1CF6 over F61C5A

Sample text in #4B1CF6 colour with #F61C5A background colour.

#F61C5A over22 #5A1CF6

Sample text in #F61C5A colour with #5A1CF6 background colour.

#5A1CF6 over F61C5A

Sample text in #5A1CF6 colour with #F61C5A background colour.

#F61C5A over22 #5AF61C

Sample text in #F61C5A colour with #5AF61C background colour.

#5AF61C over F61C5A

Sample text in #5AF61C colour with #F61C5A background colour.

#F61C5A over22 #B81CF6

Sample text in #F61C5A colour with #B81CF6 background colour.

#B81CF6 over F61C5A

Sample text in #B81CF6 colour with #F61C5A background colour.

#F61C5A over22 #C7F61C

Sample text in #F61C5A colour with #C7F61C background colour.

#C7F61C over F61C5A

Sample text in #C7F61C colour with #F61C5A background colour.

#F61C5A over22 #F65A1C

Sample text in #F61C5A colour with #F65A1C background colour.

#F65A1C over F61C5A

Sample text in #F65A1C colour with #F61C5A background colour.

#F61C5A over22 #F6B81C

Sample text in #F61C5A colour with #F6B81C background colour.

#F6B81C over F61C5A

Sample text in #F6B81C colour with #F61C5A background colour.

#F61C5A over22 #FF3366

Sample text in #F61C5A colour with #FF3366 background colour.

#FF3366 over F61C5A

Sample text in #FF3366 colour with #F61C5A background colour.

#F61C5A over22 #646464

Sample text in #F61C5A colour with #646464 background colour.

#646464 over F61C5A

Sample text in #646464 colour with #F61C5A background colour.