White Color Codes (Shades of White)

Pure white #FFFFFF is only one of many whites: designers often prefer a slightly warm ivory or a cool ghost white that is easier on the eyes. This page lists 26 whites and off-whites — the 14 CSS named whites, such as snow, ivory, linen, seashell and ghostwhite, plus eggshell, alabaster, cream, bone white, isabelline and vanilla — with HEX, RGB, HSL, HSV, CMYK and OKLCH codes, tints and shades, and the text color that reads best.

How to use this tool

1. Choose a shade of white from the list.
2. Copy its HEX, RGB, HSL or CMYK code.
3. Use the shades table for slightly darker variants, for borders and cards.
4. Compare all whites in the full table or download the swatch chart.

Formula

tint = c + (255 − c) × p · shade = c × (1 − p) · complement = HSL hue + 180°

c is each RGB channel and p the mixing amount (15–75%). CMYK uses the simple formula K = 1 − max(R′, G′, B′); on paper, white is the paper color, not an ink.

Example

Ivory (ivory) is #FFFFF0 = rgb(255, 255, 240), hsl(60, 100%, 97.1%) — white with a touch less blue. Eggshell #F0EAD6 is warmer and darker: CMYK 0%, 2.5%, 10.8%, 5.9%. Black text on pure white reaches the maximum contrast of 21:1.