Colour code #FF3D63

#FF3D63
rgb(255, 61, 99)
rgb(100%, 23.9%, 38.8%)

RGB value of #FF3D63 colour is rgb(255, 61, 99) where red value is 255, green value is 61 and the blue value is 99.

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

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

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

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

Grayscale color of #FF3D63 is #7B7B7B

Inverted color of #FF3D63 is #00C29C

OLE colour (RGB Long) of #FF3D63 is 6503935

Decimal Value of #FF3D63 is 16727395

Android / android.graphics.Color of #FF3D63 is -49821 / 0xFFFF3D63

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

Hex Triplets
#FF3D63
RGB Decimal
rgb(255, 61, 99)
RGB Percent
rgb(100%, 23.92%, 38.82%)
RGBA
rgba(255, 61, 99, 1)
HSL
hsl(348.2, 100%, 62%)
HSLA
hsla(348.2, 100%, 62%, 1)

Colour spaces of #FF3D63

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 255
    100%
    G = 61
    23.92%
    B = 99
    38.82%

    C = 0%
    0
    M = 76.08%
    0.76078431372549
    Y = 61.18%
    0.61176470588235
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 348.2°
    0.96735395189003
    S = 100%
    1
    L = 62%
    0.61960784313725
  • HSV (HSB) – hue, saturation, brightness/value
    H = 348.2°
    0.96735395189003
    S = 76.08%
    0.76078431372549
    V = 100%
    1
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 76.08
    0.76078431372549
    Y = 61.18
    0.61176470588235
    K = 0
    0
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 45.161
    45.160874794382
    Y = 25.498
    25.498339497604
    Z = 14.346
    14.345809088304

    Yxy
    CIE (x, y, Y)
    Y = 25.498
    25.498339497604
    x = 0.531
    0.53127301185889
    y = 0.3
    0.29996273730237

    Hunter-Lab
    Hunter 1948 colour space
    L = 50.5
    50.495880522676
    a = 71.27
    71.273274205018
    b = 18.5
    18.502910223878

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 57.56
    57.557781474295
    a = 73.1
    73.102309256574
    b = 25.05
    25.054102337293

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 57.5578
    57.557781474295
    u = 139.1434
    139.1434069488
    v = 14.3898
    14.389773755382

    CIELCH
    Cylindrical representation
    L = 57.5578
    57.557781474295
    C = 77.2765
    77.276488420291
    H = 18.9179
    18.917948838306

    YIQ
    Luma In-phase Quadrature
    Y = 0.4837
    0.48367843137255
    I = 0.4056
    0.40559215686275
    Q = 0.2076
    0.20763137254902

Base Numbers

Base Red Green Blue
Binary 11111111 00111101 01100011
Octal 377 75 143
Decimal 255 61 99
Hex FF 3D 63


Colour Harmonies : #FF3D63 colour combinations

Complementary colour scheme for #FF3D63

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

Split-complementary colour scheme for #FF3D63

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 #FF3D63 are calculated by changing the hue by ±5/12 (±150°): 348.2° → 198.2° (348.2°-150°), 498.2° (348.2°+150°).

Triadic colours scheme for #FF3D63

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 #FF3D63 are calculated by changing the hue by ±1/3 (±120°): 348.2° → 228.2° (348.2°-120°), 468.2° (348.2°+120°).

Tetradic (Rectangle) colour scheme for #FF3D63

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 #FF3D63 are calculated by changing the hue as follows : 348.2° → 468.2° (348.2°+120°), 528.2° (348.2°+180°), 648.2° (348.2°+300°).


Four tetradic scheme colours (counter-clockwise) for #FF3D63 are calculated by changing the hue as follows : 348.2° → 228.2° (348.2°-120°), 168.2° (348.2°-180°), 48.2° (348.2°-300°).

Tetradic Square Colour Scheme for #FF3D63

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 #FF3D63 are calculated by changing the hue by 1/4 (90°) progressively : 348.2° → 438.2° (348.2°+90°), 528.2° (348.2°+180°), 618.2° (348.2°+270°).

Analagous colours of #FF3D63

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 #FF3D63 are calculated by changing the hue by ±1/12 (i.e. 30°): 348.2° → 378.2° (348.2°+30°), 318.2° (348.2°-30°).

RGB Variations of #FF3D63

(R:FF, G:3D, B:FF)

Monochromatic colours of #FF3D63

Shade Colour Variation of #FF3D63 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #FF3D63 (Brighter)

Tint is created by mixing white to any pure color

Tones of #FF3D63 colour with more saturation

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

Tones of #FF3D63 colour with less saturation

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

#FF3D63 Colour in CSS Codes


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

Text with hexadecimal font colour #FF3D63

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


#FF3D63 Background Colour

This div background Colour is #FF3D63


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


#FF3D63 Border Colour

This div border Colour is #FF3D63


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # FF3D63



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

Colour Compositions

RGB % of Colour #FF3D63

CMYK % of Colour #FF3D63

Related Colours along with #FF3D63

Black background

Sample text in #FF3D63 colour with black background colour.

White background

Sample text in #FF3D63 colour with white background colour.

#FF3D63 over22 #00C29C

Sample text in #FF3D63 colour with #00C29C background colour.

#00C29C over FF3D63

Sample text in #00C29C colour with #FF3D63 background colour.

#FF3D63 over22 #3D63FF

Sample text in #FF3D63 colour with #3D63FF background colour.

#3D63FF over FF3D63

Sample text in #3D63FF colour with #FF3D63 background colour.

#FF3D63 over22 #3DC4FF

Sample text in #FF3D63 colour with #3DC4FF background colour.

#3DC4FF over FF3D63

Sample text in #3DC4FF colour with #FF3D63 background colour.

#FF3D63 over22 #3DFF63

Sample text in #FF3D63 colour with #3DFF63 background colour.

#3DFF63 over FF3D63

Sample text in #3DFF63 colour with #FF3D63 background colour.

#FF3D63 over22 #3DFF78

Sample text in #FF3D63 colour with #3DFF78 background colour.

#3DFF78 over FF3D63

Sample text in #3DFF78 colour with #FF3D63 background colour.

#FF3D63 over22 #3DFFD9

Sample text in #FF3D63 colour with #3DFFD9 background colour.

#3DFFD9 over FF3D63

Sample text in #3DFFD9 colour with #FF3D63 background colour.

#FF3D63 over22 #633DFF

Sample text in #FF3D63 colour with #633DFF background colour.

#633DFF over FF3D63

Sample text in #633DFF colour with #FF3D63 background colour.

#FF3D63 over22 #63FF3D

Sample text in #FF3D63 colour with #63FF3D background colour.

#63FF3D over FF3D63

Sample text in #63FF3D colour with #FF3D63 background colour.

#FF3D63 over22 #783DFF

Sample text in #FF3D63 colour with #783DFF background colour.

#783DFF over FF3D63

Sample text in #783DFF colour with #FF3D63 background colour.

#FF3D63 over22 #7B7B7B

Sample text in #FF3D63 colour with #7B7B7B background colour.

#7B7B7B over FF3D63

Sample text in #7B7B7B colour with #FF3D63 background colour.

#FF3D63 over22 #C4FF3D

Sample text in #FF3D63 colour with #C4FF3D background colour.

#C4FF3D over FF3D63

Sample text in #C4FF3D colour with #FF3D63 background colour.

#FF3D63 over22 #D93DFF

Sample text in #FF3D63 colour with #D93DFF background colour.

#D93DFF over FF3D63

Sample text in #D93DFF colour with #FF3D63 background colour.

#FF3D63 over22 #FF3366

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

#FF3366 over FF3D63

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

#FF3D63 over22 #FF633D

Sample text in #FF3D63 colour with #FF633D background colour.

#FF633D over FF3D63

Sample text in #FF633D colour with #FF3D63 background colour.

#FF3D63 over22 #FFD93D

Sample text in #FF3D63 colour with #FFD93D background colour.

#FFD93D over FF3D63

Sample text in #FFD93D colour with #FF3D63 background colour.