Snow is a crisp, cool color associated with purity and calm. It's a soft white with hints of pale blue, akin to frosty ice or delicate snowflakes. Nestled in the neutral spectrum, snow pairs well with pastels for a serene, wintry design. Try it in minimalistic layouts for a fresh, clean look.
Snow is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #FFFAFA
- RGB value: 100.0% red, 98.0% green, 98.0% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as snow, consider:
- Alabaster White (#FAFAFA): Alabaster White exudes a soft, snowy appearance, offering a pristine and pure vibe akin to fresh Snow.
- Off-White (#F2F0EF): Off-White echoes the softness of Snow with its light, airy complexion that feels light and cool.
- Ivory (#FFFFE3): Ivory resembles the gentle warmth of Snow under dawn light, blending a touch of warmth with its pale shade.
- Antique White (#FAEBD7): Antique White incorporates a subtle hint of warmth, resembling Snow touched by sunlight, yet maintains a cool, pale tone.
To complement Snow, consider pairing it with:
- Dusty Rose (#DCA1A1): The soft, muted tones of Dusty Rose harmonize beautifully with the color snow, creating sophisticated ambiance, perfect for a minimalist style.
- Mint Green (#ADEBB3): This refreshing color pairs well with snow, creating a light and airy atmosphere.
- Navy blue (#000080) can be paired with snow for a classy nautical combination.
- Turquoise (#40E0D0) has a clear, breezy feel that blends well with snow in tropical palettes.
While Snow is pristine and pure, it may clash with:
- Neon Pink (#FF13F0): Its high-intensity and flashy nature can overpower the peaceful and tranquil vibe of Snow, creating a visual disharmony.
- Cinnabar (#E84B3D): This bold and vibrant red can create an uncomfortable contrast against the calm, cool background of Snow.
- Canary Yellow (#FFEF00): The brightness of canary yellow can create a glaring effect against Snow's subtlety, leading to an unattractive pairing.
- Ebony (#5D6658): This dark, muted grayish-green creates a heavy contrast with Snow, making the combination visually unbalanced.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Frosted Veil
Frosty Whisper
Pastel Fresh
Contrast checker
Contrast 1.03
- Large Text
#FFFAFA
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 20.31
- Large Text
#FFFAFA
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #FFFAFA, known as Snow, has RGB values of R:255, G:250, B:250 and CMYK values of C:0, M:2, Y:2, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #FFFAFA | #FFFAFA |
| RGB DECIMAL | 255, 250, 250 | RGB(255,250,250) |
| RGB PERCENTAGE | 100.0, 98.0, 98.0 | RGB(100.0%,98.0%,98.0%) |
| CMYK | 0, 2, 2, 0 | |
| HSL | HSL(0.0, 100.0%, 99.0%) | HSL(0.0, 100.0%, 99.0%) |
| HSV (OR HSB) | 0.0°, 2.0, 100.0 | |
| WEB SAFE | #255255255 | #255255255 |
| BINARY | 11111111, 11111010, 11111010 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.980, blue: 0.980) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.980, blue: 0.980, alpha: 1) | |
| Android - Compose | Color(0xFFFFFAFA) |
