Color Converter & Contrast Checker
Convert HEX/RGB/HSL/CMYK formats and check WCAG 2.1 accessibility color contrast ratio.
Color Picker
HEX Color
RGB (Red Green Blue)
HSL (Hue Saturation Lightness)
CMYK (Cyan Magenta Yellow Key)
Text Color (Foreground)
Background Color
Contrast Ratio 21.00:1
WCAG 2.1 Accessibility Checklist
Normal Text Require: AA (4.5:1) | AAA (7.0:1)
AA AAA
Large Text Require: AA (3.0:1) | AAA (4.5:1)
AA AAA
UI Components Require: AA (3.0:1)
AA
💡 Note: WCAG 2.1 recommends a ratio of at least 4.5:1 for normal text (AA) and 7:1 for AAA; large text requires 3:1 for AA and 4.5:1 for AAA.
Live Preview
Alpa Mascot wishes you a happy coding day! This is a mock text for contrast ratio testing.
