Ivory (CCD3BB) — Shades, Harmonies, Palettes, CSS Code

"Ivory"

Neutral · Summer

🧠 Psychology

Bright color that captures attention. Symbolizes optimism, clarity and intellect.

✨ Uses

Warnings, lighting, youth fashion, accessories.

Tip

Ivory pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #CCD3BB

RGB rgb(204, 211, 187)

HSL hsl(77°, 21%, 78%)

CMYK C:3% M:0% Y:11% K:17%

Luminance 0.6381

WCAG Accessibility

On white 1.54:1

Aa — #CCD3BB

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 13.6:1

Aa — #CCD3BB

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CCD3BB #C2BBD3

Analogous

#D3CEBB #CCD3BB #C0D3BB

Triadic

#CCD3BB #BBCCD3 #D3BBCC

Split-comp.

#CCD3BB #BBC0D3 #CEBBD3

Tetradic

#CCD3BB #BBD3CE #C2BBD3 #D3BBC0

Monochromatic

#666C56 #99A088 #CACDC1 #E2E4DD #FFFFFF

Suggested palettes for this hue.

Berries View all →

Coffee & Cream View all →

Arctic Tundra View all →