White ( #FFFFFF ): Color Codes & Palettes

#FFFFFF

RGB(255, 255, 255)

#292929

#3D3D3D

#464646

#525252

#656565

#7C7C7C

#989898

#BDBDBD

#DCDCDC

#EFEFEF

#FFFFFF

Color Values

HEX

#FFFFFF

RGB

rgb(255, 255, 255)

HSL

hsl(0°, 0%, 100%)

CMYK

0%, 0%, 0%, 0%

HSV

0°, 0%, 100%

XYZ

95.05, 100.00, 108.90

Color Variations

Shades

#E5E5E5

#CCCCCC

#B2B2B2

#999999

Monochromatic Colors

#D8D8D8

#E5E5E5

#F2F2F2

#FFFFFF

CSS Examples

Frosted Glass Effect

.frosted-glass {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px) saturate(160%) contrast(45%) brightness(140%);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 
        0 4px 30px rgba(0, 0, 0, 0.1),
        inset 0 0 1px 0 rgba(255, 255, 255, 0.3);
}

Pearl Button

.pearl-button {
    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #f5f5f5 50%,
        #ffffff 100%
    );
    border: none;
    border-radius: 30px;
    box-shadow:
        0 2px 10px rgba(0, 0, 0, 0.1),
        inset 0 -2px 0 rgba(0, 0, 0, 0.05),
        inset 0 2px 0 rgba(255, 255, 255, 0.9);
    transition: transform 0.2s ease;
}

Snow Pattern

.snow-pattern {
    background-color: #ffffff;
    background-image: 
        radial-gradient(#f5f5f5 2px, transparent 2px),
        radial-gradient(#f0f0f0 2px, transparent 2px);
    background-size: 32px 32px;
    background-position: 0 0, 16px 16px;
    animation: snowfall 8s linear infinite;
}

@keyframes snowfall {
    from { background-position: 0 0, 16px 16px; }
    to { background-position: 32px 32px, 48px 48px; }
}

Cloud Effect

.cloud-effect {
    background: linear-gradient(
        to bottom right,
        rgba(255, 255, 255, 1) 0%,
        rgba(245, 245, 245, 0.8) 50%,
        rgba(240, 240, 240, 0.9) 100%
    );
    filter: blur(0.5px);
    border-radius: 24px;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.1),
        inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

Paper Texture

.paper-texture {
    background-color: #ffffff;
    background-image:
        linear-gradient(90deg, rgba(200,200,200,.05) 1px, transparent 1px),
        linear-gradient(rgba(200,200,200,.05) 1px, transparent 1px);
    background-size: 20px 20px;
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.05),
        inset 0 0 0 1px rgba(255, 255, 255, 0.9);
}

About White

The color white is often associated with purity, simplicity, and cleanliness. It is a versatile hue that can be used in various contexts to evoke a sense of calm and clarity.

Historical Significance

White has its origins in nature, seen in snow, clouds, and certain flowers. It is a popular choice in design for creating a minimalist aesthetic or highlighting other colors in a palette.

Color Characteristics

White is characterized by:

Pure, bright appearance
Maximum light reflection
Neutral base color
Versatile application
Clean aesthetic

Symbolism and Meaning

White represents:

Purity
Innocence
Cleanliness
Peace
Clarity

Modern Applications

Today, white is used in:

Minimalist designs
Modern interiors
Medical environments
Wedding themes
Digital interfaces

White
`#FFFFFF`