Cyan 400 — shade profile · Nakshora Nakshora 3.1 Docs

Cyan-400 (`#22d3ee`): where this shade of the cyan palette shines — roles, pairings, contrast and examples in Nakshora 3.1.

cyan-400 is step 400 of the colors/cyan|cyan palette — medium-light — icons on dark surfaces, decorative accents, chart lines.

Token#

Property	Value
Class fragment	`cyan-400`
Approximate value	`#22d3ee`
CSS variable	`--color-cyan-400`
Text on top	`text-slate-900` (dark text)
Role	Medium-light — icons on dark surfaces, decorative accents, chart lines.

html

<span class="bg-cyan-400 text-slate-900 px-3 py-1 rounded-full text-sm">Badge</span>

Darker: colors/cyan-500|cyan-500 · Lighter: colors/cyan-300|cyan-300 · colors/cyan|Palette hub