Skip to content
RGBHex

gray-900

#101828

gray-900Tailwind v4.

Formats

Open #101828 in the converter →

Contrast & legibility

Text on white17.75:1 AA ✓
Text on black1.18: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 gray-900 (the same engine as the theme builder). Click any stop to open its page.

Harmonies

Explore all harmonies for #101828

Color-blindness preview

#121929

Protanopia

#0f1728

Deuteranopia

#071b1e

Tritanopia

#181818

Achromatopsia

How gray-900 appears to viewers with each color-vision deficiency. Full simulator →

About gray-900

#101828 is gray-900, a tailwind v4. This page shows its rgb(16, 24, 40) / hsl(220, 42.86%, 10.98%) / oklch(0.2099 0.0341 263.44) 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.