Black text 21.0:1
Not all whites are the same - some are warm, some cool, some barely off pure #FFFFFF.
This page lists 25 named shades of white, from Snow and Ivory to Eggshell and Alabaster, with HEX, RGB, HSL and CMYK codes.
Off-whites reduce glare and make pages feel softer. Compare them side by side below.
White - lightest25 shades sorted light to darkdarkest - Pearl
Download all 25 shades of white
Photoshop, Illustrator, InDesign, AffinityA Tailwind-style scale built from White (#FFFFFF), evenly spaced in OKLCH lightness. Paste any other white to build its own scale, or click a swatch for its codes and contrast.
Something went wrong. Please try again.
Still having trouble? Please contact us and we'll be happy to help!
Hmm, that doesn't look like a color yet. Try #3399cc, rgb(51, 153, 204), hsl(200, 60%, 50%) or a name like Cobalt.
#FFFFFFrgb(255, 255, 255)hsl(0, 0%, 100%)cmyk(0%, 0%, 0%, 0%)Tints mixed with white
Shades mixed with black
Tones mixed with gray
Click any swatch to see its codes and contrast. Tints, shades and tones are simple RGB mixes, the classic way painters and print designers make them.
:root {
--brand-50: #ffffff;
--brand-100: #f1f1f1;
--brand-200: #dedede;
--brand-300: #c5c5c5;
--brand-400: #a6a6a6;
--brand-500: #8d8d8d;
--brand-600: #747474;
--brand-700: #606060;
--brand-800: #4d4d4d;
--brand-900: #3e3e3e;
--brand-950: #262626;
}Next: blend 50 into 950 in the Gradient Generator, test every pair in the Accessible Color Palette, check 900 on 100 with the Contrast Checker or find matching colors on the Color Wheel.
White has no hue of its own, so color wheel rules don't apply - it goes with almost everything. These partners are classics:
White suggests purity, cleanliness, simplicity and space. In Western weddings it is the color of the bride; in many East Asian cultures it is traditionally worn for mourning.
In design, white is mostly about space. Generous white space makes content easier to scan and gives important elements room to breathe.
Warm whites such as Ivory, Linen and Old Lace have a touch of yellow or red. Cool whites such as Ghost White and Azure lean blue. Small shifts change the mood of a whole page.
See white in complete, ready-made palettes - each one with codes and downloads.
Want a palette built around one exact white? Start from it in the AI Color Palette Generator or pull colors from a photo with the Image Color Picker.
White is #FFFFFF, which is rgb(255, 255, 255) and hsl(0, 0%, 100%). For print it is about 0% cyan, 0% magenta, 0% yellow and 0% black. It is also a CSS color keyword, so you can simply write white in your stylesheet.
There is no fixed number - any white can be made lighter, darker or more muted. This page lists 25 named shades, from White (#FFFFFF) to Pearl (#EAE0C8). The generator on this page makes a full 50-950 scale and unlimited tints, shades and tones from any white.
White (#FFFFFF) has a contrast ratio of 1.00:1 on white and 21.00:1 on black, so it reads best on dark backgrounds or with dark text on top of it. None of the named white shades here reach the 4.5:1 minimum on white, so use white as a background with dark text instead. Test any pair with the Contrast Checker.
Ivory (#FFFFF0) is a very light white with a faint yellow tint. Eggshell (#F0EAD6) is darker and warmer, closer to beige - like the shell of a white egg.
There is no single official off-white, but #FAF9F6 is the value most often quoted. Similar soft whites are Snow (#FFFAFA), Seashell (#FFF5EE) and Floral White (#FFFAF0).
Warm whites have a yellow or pink tint. Cosmic Latte (#FFF8E7), Old Lace (#FDF5E6) and Floral White (#FFFAF0) are among the warmest. Creamier tones are on shades of beige.