Colour code #FF4DFF

#FF4DFF
rgb(255, 77, 255)
rgb(100%, 30.2%, 100%)

RGB value of #FF4DFF colour is rgb(255, 77, 255) where red value is 255, green value is 77 and the blue value is 255.

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

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

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

Hex color #FF4DFF is not a web safe color. Nearby web safe colour of #FF4DFF is #FF66FF.

Grayscale color of #FF4DFF is #959595

Inverted color of #FF4DFF is #00B200

OLE colour (RGB Long) of #FF4DFF is 16731647

Decimal Value of #FF4DFF is 16731647

Android / android.graphics.Color of #FF4DFF is -45569 / 0xFFFF4DFF

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

Hex Triplets
#FF4DFF
RGB Decimal
rgb(255, 77, 255)
RGB Percent
rgb(100%, 30.2%, 100%)
RGBA
rgba(255, 77, 255, 1)
HSL
hsl(300, 100%, 65.1%)
HSLA
hsla(300, 100%, 65.1%, 1)

Colour spaces of #FF4DFF

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 255
    100%
    G = 77
    30.2%
    B = 255
    100%

    C = 0%
    0
    M = 69.8%
    0.69803921568627
    Y = 0%
    0
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 300°
    0.83333333333333
    S = 100%
    1
    L = 65.1%
    0.65098039215686
  • HSV (HSB) – hue, saturation, brightness/value
    H = 300°
    0.83333333333333
    S = 69.8%
    0.69803921568627
    V = 100%
    1
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 69.8
    0.69803921568627
    Y = 0
    0
    K = 0
    0
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 61.944
    61.943877205274
    Y = 33.788
    33.787754410548
    Z = 97.865
    97.864625735091

    Yxy
    CIE (x, y, Y)
    Y = 33.788
    33.787754410548
    x = 0.32
    0.31996422892099
    y = 0.175
    0.17452689877834

    Hunter-Lab
    Hunter 1948 colour space
    L = 58.13
    58.127234933849
    a = 88.5
    88.497673511388
    b = -59.13
    -59.133224812894

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 64.79
    64.793749878239
    a = 85.25
    85.251969566545
    b = -53.71
    -53.712833523448

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 64.7937
    64.793749878239
    u = 75.3747
    75.374674954226
    v = -97.4637
    -97.463665080882

    CIELCH
    Cylindrical representation
    L = 64.7937
    64.793749878239
    C = 100.7619
    100.7619313039
    H = 327.7871
    327.78710324315

    YIQ
    Luma In-phase Quadrature
    Y = 0.5903
    0.59025098039216
    I = 0.192
    0.19196078431373
    Q = 0.3651
    0.36507450980392

Base Numbers

Base Red Green Blue
Binary 11111111 01001101 11111111
Octal 377 115 377
Decimal 255 77 255
Hex FF 4D FF


Colour Harmonies : #FF4DFF colour combinations

Complementary colour scheme for #FF4DFF

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

Split-complementary colour scheme for #FF4DFF

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

Triadic colours scheme for #FF4DFF

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 #FF4DFF are calculated by changing the hue by ±1/3 (±120°): 300° → 180° (300°-120°), 420° (300°+120°).

Tetradic (Rectangle) colour scheme for #FF4DFF

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 #FF4DFF are calculated by changing the hue as follows : 300° → 420° (300°+120°), 480° (300°+180°), 600° (300°+300°).


Four tetradic scheme colours (counter-clockwise) for #FF4DFF are calculated by changing the hue as follows : 300° → 180° (300°-120°), 120° (300°-180°), 0° (300°-300°).

Tetradic Square Colour Scheme for #FF4DFF

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 #FF4DFF are calculated by changing the hue by 1/4 (90°) progressively : 300° → 390° (300°+90°), 480° (300°+180°), 570° (300°+270°).

Analagous colours of #FF4DFF

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 #FF4DFF are calculated by changing the hue by ±1/12 (i.e. 30°): 300° → 330° (300°+30°), 270° (300°-30°).

RGB Variations of #FF4DFF

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

Monochromatic colours of #FF4DFF

Shade Colour Variation of #FF4DFF (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #FF4DFF (Brighter)

Tint is created by mixing white to any pure color

Tones of #FF4DFF colour with more saturation

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

Tones of #FF4DFF colour with less saturation

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

#FF4DFF Colour in CSS Codes


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

Text with hexadecimal font colour #FF4DFF

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


#FF4DFF Background Colour

This div background Colour is #FF4DFF


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


#FF4DFF Border Colour

This div border Colour is #FF4DFF


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # FF4DFF



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

Colour Compositions

RGB % of Colour #FF4DFF

CMYK % of Colour #FF4DFF

Related Colours along with #FF4DFF

Black background

Sample text in #FF4DFF colour with black background colour.

White background

Sample text in #FF4DFF colour with white background colour.

#FF4DFF over22 #00B200

Sample text in #FF4DFF colour with #00B200 background colour.

#00B200 over FF4DFF

Sample text in #00B200 colour with #FF4DFF background colour.

#FF4DFF over22 #4D4DFF

Sample text in #FF4DFF colour with #4D4DFF background colour.

#4D4DFF over FF4DFF

Sample text in #4D4DFF colour with #FF4DFF background colour.

#FF4DFF over22 #4DA6FF

Sample text in #FF4DFF colour with #4DA6FF background colour.

#4DA6FF over FF4DFF

Sample text in #4DA6FF colour with #FF4DFF background colour.

#FF4DFF over22 #4DFF4D

Sample text in #FF4DFF colour with #4DFF4D background colour.

#4DFF4D over FF4DFF

Sample text in #4DFF4D colour with #FF4DFF background colour.

#FF4DFF over22 #4DFFA6

Sample text in #FF4DFF colour with #4DFFA6 background colour.

#4DFFA6 over FF4DFF

Sample text in #4DFFA6 colour with #FF4DFF background colour.

#FF4DFF over22 #4DFFFF

Sample text in #FF4DFF colour with #4DFFFF background colour.

#4DFFFF over FF4DFF

Sample text in #4DFFFF colour with #FF4DFF background colour.

#FF4DFF over22 #A6FF4D

Sample text in #FF4DFF colour with #A6FF4D background colour.

#A6FF4D over FF4DFF

Sample text in #A6FF4D colour with #FF4DFF background colour.

#FF4DFF over22 #FF4D4D

Sample text in #FF4DFF colour with #FF4D4D background colour.

#FF4D4D over FF4DFF

Sample text in #FF4D4D colour with #FF4DFF background colour.

#FF4DFF over22 #FF66FF

Sample text in #FF4DFF colour with #FF66FF background colour.

#FF66FF over FF4DFF

Sample text in #FF66FF colour with #FF4DFF background colour.

#FF4DFF over22 #FFA64D

Sample text in #FF4DFF colour with #FFA64D background colour.

#FFA64D over FF4DFF

Sample text in #FFA64D colour with #FF4DFF background colour.

#FF4DFF over22 #FFFF4D

Sample text in #FF4DFF colour with #FFFF4D background colour.

#FFFF4D over FF4DFF

Sample text in #FFFF4D colour with #FF4DFF background colour.

#FF4DFF over22 #959595

Sample text in #FF4DFF colour with #959595 background colour.

#959595 over FF4DFF

Sample text in #959595 colour with #FF4DFF background colour.