Recolorify
Sign inStart free →
DESIGN6 min read· Jun 22, 2026

The Ultimate Guide to White Color Codes, Hex Codes, and Shades of White

White is the color of clarity, space, and clean design — it anchors minimalist brands, healthcare, and modern retail. Like black, "white" is rarely pure #FFFFFF in practice; designers lean on warm or cool off-whites to avoid glare and add warmth. Whether you are a web designer matching co-brand assets, an e-commerce manager building variant listings, or a developer wiring up a design system, color codes are your shared language. In this guide we break down the hex codes, RGB coordinates, and LAB parameters for the most popular shades of white, with practical tips on recoloring assets into these exact tones without quality loss.

The Ultimate Guide to White Color Codes, Hex Codes, and Shades of White

The core whites and their codes

  • Pure white — #FFFFFF · RGB(255, 255, 255) · HSL(0°, 0%, 100%) — absolute white, often too harsh for large surfaces.
  • Off-white — #FAF9F6 · RGB(250, 249, 246) · a soft, warm neutral for backgrounds.
  • Ivory — #FFFFF0 · RGB(255, 255, 240) · a warm, creamy white with a yellow hint.
  • Snow — #FFFAFA · RGB(255, 250, 250) · a cool white with the faintest pink lift.
  • Cream — #FFFDD0 · RGB(255, 253, 208) · a warm off-white leaning yellow.
  • Whitesmoke — #F5F5F5 · RGB(245, 245, 245) · a neutral gray-white, the classic UI surface.

Why hex alone isn't enough for recoloring

A hex code defines a target color, but it says nothing about lightness. Recoloring a product to white is deceptively tricky — push too close to #FFF and you blow out the highlights, erasing the folds and form that tell the eye it is a real object.

This is why perceptually-uniform spaces matter. LAB separates lightness (the L channel — folds, highlights, shadows) from the color itself (A and B). Recoloring in LAB lets you take a garment or product to a clean white while keeping the subtle gray shadows that preserve its three-dimensional shape.

Matching brand whites across assets

Brand "white" is usually a defined off-white — and the warm-vs-cool choice ripples across packaging, product photos, and UI. Define your brand white once — with a name, a hex, and a use case — and recolor every asset to that exact value rather than eyeballing it.

With Recolorify you can paste an exact white hex and recolor a logo, product photo, or garment to match it precisely, keeping texture intact. See also our guides to black color codes and gray color codes.