Color Picker
Select colors with precision using our advanced picker, check WCAG contrast compliance, and explore color accessibility.
Select Color
EyeDropper is not supported in your browser.
Try Chrome, Edge, or Opera.
Try Chrome, Edge, or Opera.
Color Selection
217°
91%
60%
Color Value
#3B82F6
Contrast Ratios
3.68:1
Fail
5.71:1
AA
Recent Colors
No colors in history
Selected Color
#3B82F6
WCAG Contrast Checker
Contrast Ratio
3.68:1
Normal Text
WCAG AA (4.5:1)✗ FAIL
WCAG AAA (7:1)✗ FAIL
Large Text
WCAG AA (3:1)✓ PASS
WCAG AAA (4.5:1)✗ FAIL
Large text is 18pt (24px) or 14pt (18.66px) bold and larger
Text Preview
Heading:
Welcome to Our Website
Body Text:
The quick brown fox jumps over the lazy dog
Small Text:
This is small text for footnotes or captions
Large Text:
Large Text Sample (24px)
Bold Text:
Bold text sample (14pt)
UI Elements Preview
NewBadge
Typography Samples
12px - Extra small text
14px - Small text
16px - Base text
18px - Large text
20px - Extra large text
24px - 2XL text (Large per WCAG)
18px Bold (Large per WCAG)