CSS Color: Snow

Named CSS color Snow #FFFAFA in HEX, rgb(255, 250, 250) in RGB, hsl(0, 100%, 99%) in HSL.

SnowWhite/Black

Color Values

FormatValueCSS Usage
NamedSnowcolor: Snow;
HEX#FFFAFAcolor: #FFFAFA;
RGBrgb(255, 250, 250)color: rgb(255, 250, 250);
HSLhsl(0, 100%, 99%)color: hsl(0, 100%, 99%);

About Snow

Snow is an extremely pale pink-white that adds the faintest warm tint to a white surface. At hex `#FFFAFA`, the red channel is at maximum (255) while green and blue are slightly lower (250 each). This creates a barely perceptible warm pink undertone.

In web design, Snow is used as a warm alternative to pure white for backgrounds. The difference is extremely subtle — most users will not consciously notice the tint, but it contributes to an overall warmer, more inviting feel. It is popular in designs that want warmth without any visible color.

For accessibility, Snow is effectively the same as white for contrast calculations. Dark text on Snow maintains essentially the same readability as dark text on white. The contrast ratio difference between Snow and White is negligible (about 1.01:1 between them).

Snow pairs with all the same colors as white, with a slight preference for warm tones that harmonize with its pink undertone. In Tailwind CSS, there is no exact match — use `white` or custom values for this nearly invisible warmth.

FAQ

What is the hex code for Snow?

The CSS named color Snow has the hex code #FFFAFA. You can use it in CSS as color: #FFFAFA; or simply color: Snow;.

What is Snow in RGB?

In RGB notation, Snow is rgb(255, 250, 250). Use it in CSS as color: rgb(255, 250, 250);.

What is Snow in HSL?

In HSL notation, Snow is hsl(0, 100%, 99%). Use it in CSS as color: hsl(0, 100%, 99%);.

What color category is Snow?

Snow belongs to the White/Black color family in the CSS named colors specification.

Can I use the name "Snow" directly in CSS?

Yes. All modern browsers support CSS named colors. You can write color: Snow; or background-color: Snow; directly in your stylesheet. Named colors are case-insensitive.

Try in Color Converter

Convert Snow to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.

Open Color Converter →