Color Compare
Compare two colors side by side and check accessibility
Aa
Purple
HEX
#8B5CF6
RGB
139, 92, 246
HSL
258°, 90%, 66%
Aa
Orange
HEX
#F97316
RGB
249, 115, 22
HSL
25°, 95%, 53%
Contrast & Accessibility
What are WCAG Standards?
WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios for text readability:
AA Large:
≥ 3:1 - For large text (18pt+ bold or 24pt+)
AA Normal:
≥ 4.5:1 - For normal body text
AAA Large:
≥ 4.5:1 - Enhanced standard for large text
AAA Normal:
≥ 7:1 - Highest standard for body text
✅ Passes standard | ❌ Does not meet standard
Color 1 on Color 2 Background
Sample Text
Contrast Ratio
3.5:1
Fail
AA Large
AA
AAA
❌
AA Large (18pt+ bold or 24pt+)
❌
AA Normal Text
❌
AAA Large Text
❌
AAA Normal Text
Color 2 on Color 1 Background
Sample Text
Contrast Ratio
3.5:1
Fail
AA Large
AA
AAA
❌
AA Large (18pt+ bold or 24pt+)
❌
AA Normal Text
❌
AAA Large Text
❌
AAA Normal Text
Color Difference
Euclidean Distance
189.4
Delta E (CIE76)
45.2
Hue Difference
233°
Perceptible?
Yes
Quick Presets
Click shuffle button to see more combinations