Colour code #F9348C

#F9348C
rgb(249, 52, 140)
rgb(97.6%, 20.4%, 54.9%)

RGB value of #F9348C colour is rgb(249, 52, 140) where red value is 249, green value is 52 and the blue value is 140.

Max value from RGB for colour #F9348C is 249 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #F9348C hue angle of 333.2°, saturation:94.3% and the lightness value is 59%.

The process colour (four Colour CMYK) of #F9348C colour is Cyan = 0, Magento = 0.79, Yellow = 0.44, and Key/Black (K on CMYK) = 0.02.

Hex color #F9348C is not a web safe color. Nearby web safe colour of #F9348C is #FF3399.

Grayscale color of #F9348C is #787878

Inverted color of #F9348C is #06CB73

OLE colour (RGB Long) of #F9348C is 9188601

Decimal Value of #F9348C is 16331916

Android / android.graphics.Color of #F9348C is -445300 / 0xFFF9348C

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

Hex Triplets
#F9348C
RGB Decimal
rgb(249, 52, 140)
RGB Percent
rgb(97.65%, 20.39%, 54.9%)
RGBA
rgba(249, 52, 140, 1)
HSL
hsl(333.2, 94.3%, 59%)
HSLA
hsla(333.2, 94.3%, 59%, 1)

Colour spaces of #F9348C

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 249
    97.65%
    G = 52
    20.39%
    B = 140
    54.9%

    C = 2.35%
    0.023529411764706
    M = 79.61%
    0.79607843137255
    Y = 45.1%
    0.45098039215686
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 333.2°
    0.92554991539763
    S = 94.3%
    0.94258373205742
    L = 59%
    0.59019607843137
  • HSV (HSB) – hue, saturation, brightness/value
    H = 333.2°
    0.92554991539763
    S = 79.12%
    0.79116465863454
    V = 97.65%
    0.97647058823529
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 79.12
    0.79116465863454
    Y = 43.78
    0.43775100401606
    K = 2.35
    0.023529411764706
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 45.029
    45.028537434767
    Y = 24.489
    24.489169701269
    Z = 27.165
    27.164557111252

    Yxy
    CIE (x, y, Y)
    Y = 24.489
    24.489169701269
    x = 0.466
    0.46573730751273
    y = 0.253
    0.25329536799668

    Hunter-Lab
    Hunter 1948 colour space
    L = 49.49
    49.486533219927
    a = 75.82
    75.818389170833
    b = 2.09
    2.0946160746811

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 56.57
    56.574270005759
    a = 76.96
    76.960105958692
    b = -0.78
    -0.77729667351849

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 56.5743
    56.574270005759
    u = 122.7251
    122.72511217084
    v = -16.2175
    -16.217485979059

    CIELCH
    Cylindrical representation
    L = 56.5743
    56.574270005759
    C = 76.964
    76.964031204789
    H = 359.4213
    359.42133259829

    YIQ
    Luma In-phase Quadrature
    Y = 0.4743
    0.47425490196078
    I = 0.3497
    0.34966274509804
    Q = 0.2711
    0.27110588235294

Base Numbers

Base Red Green Blue
Binary 11111001 00110100 10001100
Octal 371 64 214
Decimal 249 52 140
Hex F9 34 8C


Colour Harmonies : #F9348C colour combinations

Complementary colour scheme for #F9348C

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

Split-complementary colour scheme for #F9348C

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

Triadic colours scheme for #F9348C

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 #F9348C are calculated by changing the hue by ±1/3 (±120°): 333.2° → 213.2° (333.2°-120°), 453.2° (333.2°+120°).

Tetradic (Rectangle) colour scheme for #F9348C

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 #F9348C are calculated by changing the hue as follows : 333.2° → 453.2° (333.2°+120°), 513.2° (333.2°+180°), 633.2° (333.2°+300°).


Four tetradic scheme colours (counter-clockwise) for #F9348C are calculated by changing the hue as follows : 333.2° → 213.2° (333.2°-120°), 153.2° (333.2°-180°), 33.2° (333.2°-300°).

Tetradic Square Colour Scheme for #F9348C

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 #F9348C are calculated by changing the hue by 1/4 (90°) progressively : 333.2° → 423.2° (333.2°+90°), 513.2° (333.2°+180°), 603.2° (333.2°+270°).

Analagous colours of #F9348C

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 #F9348C are calculated by changing the hue by ±1/12 (i.e. 30°): 333.2° → 363.2° (333.2°+30°), 303.2° (333.2°-30°).

RGB Variations of #F9348C

(R:F9, G:34, B:F9)

Monochromatic colours of #F9348C

Shade Colour Variation of #F9348C (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #F9348C (Brighter)

Tint is created by mixing white to any pure color

Tones of #F9348C colour with more saturation

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

Tones of #F9348C colour with less saturation

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

#F9348C Colour in CSS Codes


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

Text with hexadecimal font colour #F9348C

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


#F9348C Background Colour

This div background Colour is #F9348C


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


#F9348C Border Colour

This div border Colour is #F9348C


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(249, 52, 140, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #F9348C;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #F9348C;
    -webkit-box-shadow: 1px 1px 3px 2px #F9348C;
    box-shadow: 1px 1px 3px 2px #F9348C;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(249, 52, 140, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # F9348C



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

Colour Palettes with #F9348C

Colour Compositions

RGB % of Colour #F9348C

CMYK % of Colour #F9348C

Related Colours along with #F9348C

Black background

Sample text in #F9348C colour with black background colour.

White background

Sample text in #F9348C colour with white background colour.

#F9348C over22 #06CB73

Sample text in #F9348C colour with #06CB73 background colour.

#06CB73 over F9348C

Sample text in #06CB73 colour with #F9348C background colour.

#F9348C over22 #348CF9

Sample text in #F9348C colour with #348CF9 background colour.

#348CF9 over F9348C

Sample text in #348CF9 colour with #F9348C background colour.

#F9348C over22 #34EFF9

Sample text in #F9348C colour with #34EFF9 background colour.

#34EFF9 over F9348C

Sample text in #34EFF9 colour with #F9348C background colour.

#F9348C over22 #34F93F

Sample text in #F9348C colour with #34F93F background colour.

#34F93F over F9348C

Sample text in #34F93F colour with #F9348C background colour.

#F9348C over22 #34F98C

Sample text in #F9348C colour with #34F98C background colour.

#34F98C over F9348C

Sample text in #34F98C colour with #F9348C background colour.

#F9348C over22 #34F9A1

Sample text in #F9348C colour with #34F9A1 background colour.

#34F9A1 over F9348C

Sample text in #34F9A1 colour with #F9348C background colour.

#F9348C over22 #3F34F9

Sample text in #F9348C colour with #3F34F9 background colour.

#3F34F9 over F9348C

Sample text in #3F34F9 colour with #F9348C background colour.

#F9348C over22 #8C34F9

Sample text in #F9348C colour with #8C34F9 background colour.

#8C34F9 over F9348C

Sample text in #8C34F9 colour with #F9348C background colour.

#F9348C over22 #8CF934

Sample text in #F9348C colour with #8CF934 background colour.

#8CF934 over F9348C

Sample text in #8CF934 colour with #F9348C background colour.

#F9348C over22 #A134F9

Sample text in #F9348C colour with #A134F9 background colour.

#A134F9 over F9348C

Sample text in #A134F9 colour with #F9348C background colour.

#F9348C over22 #EFF934

Sample text in #F9348C colour with #EFF934 background colour.

#EFF934 over F9348C

Sample text in #EFF934 colour with #F9348C background colour.

#F9348C over22 #F98C34

Sample text in #F9348C colour with #F98C34 background colour.

#F98C34 over F9348C

Sample text in #F98C34 colour with #F9348C background colour.

#F9348C over22 #F9A134

Sample text in #F9348C colour with #F9A134 background colour.

#F9A134 over F9348C

Sample text in #F9A134 colour with #F9348C background colour.

#F9348C over22 #FF3399

Sample text in #F9348C colour with #FF3399 background colour.

#FF3399 over F9348C

Sample text in #FF3399 colour with #F9348C background colour.

#F9348C over22 #787878

Sample text in #F9348C colour with #787878 background colour.

#787878 over F9348C

Sample text in #787878 colour with #F9348C background colour.