WORKS06 · 2026
← Works

Color

Lab

Practice color harmony, matching, palette critique, and accessibility contrast.

Base Hue · 0°
Harmony Rule
Saturation70
Lightness50
Result Palette · 2 colors
#D92626
#26D9D9
Preview Composition

Headline

Body text rendered on the base colour. Check readability across your palette selections.

#26D9D9
Streak0
Best0
ΔE Distance59.4
Target
?
Your Guess
#40BFBF
Hue180
Saturation50
Lightness50
Current Palette
#503816
#934D25
#C97D3B
#D58C7C
#EDD1C9
Click a swatch to lock it during regeneration
Cohesion (scattered → unified)50
Contrast (low → high)50
Mood (cool → warm)50
Contrast Ratio
14.07 : 1
AA Normal ✓AA Large ✓AAA Normal ✓AAA Large ✓
Live Preview

Large Heading Text

Body text at 16px — this is the size most users will read. Good contrast here is essential for accessibility. The quick brown fox jumps over the lazy dog.

Small caption · 12px mono — metadata, labels, timestamps

Foreground (Text)
#1A1A1A
Hue0
Saturation0
Lightness10
Background
#EDE7D4
Hue45
Saturation40
Lightness88