# Contrast

> Check WCAG contrast ratios between any two colors. Reports AA/AAA compliance for normal text, large text, and UI components.

- Skill: `dragoon0x/contrast` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dragoon0x/contrast`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/contrast/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: dragoon0x (https://skillmd.com/u/dragoon0x)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dragoon0x/contrast

---


# /contrast — WCAG Contrast Checker

## Usage
`/contrast [foreground] [background]`

## Output
Calculate relative luminance and contrast ratio. Report:
- Ratio (e.g., 7.2:1)
- Normal text AA (4.5:1): PASS/FAIL
- Normal text AAA (7:1): PASS/FAIL
- Large text AA (3:1): PASS/FAIL
- Large text AAA (4.5:1): PASS/FAIL
- UI components (3:1): PASS/FAIL

If any check fails, suggest the nearest color that would pass.