COLOR_PICKER
ADVANCED COLOR CONVERSION & PALETTE TOOLS
Click to use native picker
COLOR VALUES
#
HSL SLIDERS
COLOR HARMONIES
COMPLEMENTARY
ANALOGOUS
TRIADIC
SPLIT-COMP
SHADES & TINTS
TINTS (Lighter)
SHADES (Darker)
WCAG CONTRAST CHECKER
21:1
CONTRAST RATIO
AAA PASS
Normal Text
AAA PASS
Large Text
NORMAL TEXT PREVIEW
This is how normal text appears at 16px size. Make sure it's readable for your users.
LARGE TEXT PREVIEW
Large Text (18pt+)
WCAG 2.1 Requirements:
- • AAA (7:1+) - Normal text (recommended)
- • AA (4.5:1+) - Minimum for normal text
- • AAA (4.5:1+) - Large text (18pt+ or 14pt bold)
- • AA (3:1+) - Minimum for large text