Skip to content
RGBHex

stone-300

#D6D3D1

stone-300Tailwind v4.

Formats

Open #D6D3D1 in the converter →

Contrast & legibility

Text on white1.49:1 AA ✗
Text on black14.10:1 AA ✓

WCAG 2.2 AA requires 4.5:1 for normal text and 3:1 for large text. Check any pair →

Tints & shades

An 11-stop OKLCH ramp through stone-300 (the same engine as the theme builder). Click any stop to open its page.

Harmonies

Explore all harmonies for #D6D3D1

Color-blindness preview

#d4d3d1

Protanopia

#d5d4d1

Deuteranopia

#d7d2d2

Tritanopia

#d3d3d3

Achromatopsia

How stone-300 appears to viewers with each color-vision deficiency. Full simulator →

About stone-300

#D6D3D1 is stone-300, a tailwind v4. This page shows its rgb(214, 211, 209) / hsl(24, 5.75%, 82.94%) / oklch(0.8687 0.0043 56.37) values, WCAG contrast against black and white, an OKLCH tint-and-shade ramp, and complementary, analogous, and triadic harmonies — all computed in perceptually-uniform OKLCH.