Recolorify
Sign inStart free →
DESIGN10 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

Interactive White Swatch Grid

Click any swatch to copy its Hex code to your clipboard and view its RGB/HSL conversions.

Pure white

HSL(0°, 0%, 100%) — absolute white, often too harsh for large surfaces.

Selected color: #FFFFFF

White in RGB, HSL, and CMYK

A hex code is a compact RGB triplet, so #FFFFFF is RGB(255, 255, 255) — maximum light on all channels. The useful whites are the off-whites that carry a subtle warm or cool bias.

For pure white #FFFFFF: RGB(255, 255, 255), HSL(0°, 0%, 100%), CMYK(0%, 0%, 0%, 0%). For ivory #FFFFF0: RGB(255, 255, 240), HSL(60°, 100%, 97%) — the tiny drop in blue gives it its warm, creamy character.

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, a product photo, or a garment to match it precisely, keeping texture intact. See also our guides to black color codes and gray color codes.

Best color pairings for white

  • White + black (#0A0A0A) — the cleanest, most timeless contrast.
  • White + navy (#0B1F3A) — crisp and nautical for classic brands.
  • White + sage green (#9CAF88) — calm and organic for wellness and beauty.
  • White + gold (#D4AF37) — elegant and premium for luxury packaging.
  • White + a warm accent — off-whites like ivory pair beautifully with terracotta and tan.

Frequently asked questions about white color codes

What is the hex code for white? Pure white is #FFFFFF. For large surfaces, a warm off-white like #FAF9F6 or cool #F8F8FF often looks softer.

What is the RGB code for white? Pure white is RGB(255, 255, 255).

What is the difference between white and off-white? Pure white (#FFFFFF) is neutral and can feel harsh; off-whites carry a subtle warm (ivory #FFFFF0) or cool (ghost white #F8F8FF) bias that reads as softer and more designed.

What is the hex code for ivory? Ivory is #FFFFF0 — a warm, creamy white with a faint yellow lift.