WCAG Color Contrast & Palette Studio
Calculate WCAG 2.1 accessibility contrast compliance (AAA / AA), convert HEX/RGB/HSL, and generate Tailwind CSS palettes.
Design System Presets:
RGB:rgb(16, 185, 129)
HSL:hsl(160, 84%, 39%)
CONTRAST RATIO
7.88:1
Superb Contrast (AAA)
Small Text
PASS (AA)
Large Text
PASS (AA)
Enhanced
PASS (AAA)
Interactive UI PreviewRendered in Real-Time
DevOS delivers a zero-knowledge personal developer workspace. Fast, secure, and privacy-first in-browser utilities without remote tracking.
Outlined Tag
Tailwind CSS Palette Swatches (50 → 950)
50
#ecfdf8
100
#d0fbed
200
#a1f7da
300
#72f3c8
400
#3aeeb2
500
#12d393
600
#10b27c
700
#0b835b
800
#07543b
900
#053827
950
#021c14