"White" Colour code #FFFFFF

#FFFFFF
rgb(255, 255, 255)
rgb(100%, 100%, 100%)

Common name of #FFFFFF (or 0xFFFFFF) colour is "White".

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

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

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

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

#FFFFFF is a web safe colour.

Grayscale color of #FFFFFF is #FFFFFF

Inverted color of #FFFFFF is #000000

OLE colour (RGB Long) of #FFFFFF is 16777215

Decimal Value of #FFFFFF is 16777215

Android / android.graphics.Color of #FFFFFF is -1 / 0xFFFFFFFF

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

Hex Triplets
#FFFFFF
RGB Decimal
rgb(255, 255, 255)
RGB Percent
rgb(100%, 100%, 100%)
RGBA
rgba(255, 255, 255, 1)
HSL
hsl(0, 0%, 100%)
HSLA
hsla(0, 0%, 100%, 1)

Colour spaces of #FFFFFF "White"

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

    C = 0%
    0
    M = 0%
    0
    Y = 0%
    0
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 0°
    0
    S = 0%
    0
    L = 100%
    1
  • HSV (HSB) – hue, saturation, brightness/value
    H = 0°
    0
    S = 0%
    0
    V = 100%
    1
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 0
    0
    Y = 0
    0
    K = 0
    0
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 95.05
    95.05
    Y = 100
    100
    Z = 108.9
    108.9

    Yxy
    CIE (x, y, Y)
    Y = 100
    100
    x = 0.313
    0.31271590722158
    y = 0.329
    0.32900148050666

    Hunter-Lab
    Hunter 1948 colour space
    L = 100
    100
    a = -5.34
    -5.33575
    b = 5.43
    5.43319

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 100
    100
    a = 0.01
    0.0052604999583039
    b = -0.01
    -0.010408184525268

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 100
    100
    u = 0.0009
    0.00089066959670647
    v = -0.0171
    -0.017107952889805

    CIELCH
    Cylindrical representation
    L = 100
    100
    C = 0.0117
    0.01166203948387
    H = 296.8129
    296.81292623674

    YIQ
    Luma In-phase Quadrature
    Y = 1
    1
    I = -0
    -5.5511151231258E-17
    Q = -0
    -5.5511151231258E-17

Base Numbers

Base Red Green Blue
Binary 11111111 11111111 11111111
Octal 377 377 377
Decimal 255 255 255
Hex FF FF FF


RGB Variations of #FFFFFF

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

Monochromatic colours of #FFFFFF

Shade Colour Variation of #FFFFFF (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #FFFFFF (Brighter)

Tint is created by mixing white to any pure color

Tones of #FFFFFF colour with more saturation

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

Tones of #FFFFFF colour with less saturation

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

#FFFFFF Colour in CSS Codes


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

Text with hexadecimal font colour #FFFFFF

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


#FFFFFF Background Colour

This div background Colour is #FFFFFF


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


#FFFFFF Border Colour

This div border Colour is #FFFFFF


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(255, 255, 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 #FFFFFF">Text here</p>


Div Box Shadow

This div box has shadow with Colour # FFFFFF



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

Related Colours

Colour Compositions

RGB % of Colour #FFFFFF

CMYK % of Colour #FFFFFF

Related Colours along with #FFFFFF

Black background

Sample text in #FFFFFF colour with black background colour.

White background

Sample text in #FFFFFF colour with white background colour.

#FFFFFF over22 #000000

Sample text in #FFFFFF colour with #000000 background colour.

#000000 over FFFFFF

Sample text in #000000 colour with #FFFFFF background colour.