Color Contrast Checker with APCA & Smart Fix
Evaluate WCAG guidelines & preview accessible palettes
WCAG 2.1
WCAG 3.0 APCA
Aa
12.72
✓
Pass
AA Large (3.0+)
✓
Pass
AAA Large (4.5+)
✓
Pass
AA Normal (4.5+)
✓
Pass
AAA Normal (7.0+)
Reverse
Randomize
Smart Fix Contrast
Export CSS
Save
Background colour
RGB
HSL
Red
255
Green
230
Blue
109
Hue
50
°
Saturation
100
%
Lightness
71
%
Foreground colour
RGB
HSL
Red
34
Green
34
Blue
34
Hue
0
°
Saturation
0
%
Lightness
13
%
Typeface Preview
Inter
Roboto
Open Sans
Lato
Montserrat
Playfair Display
Merriweather
Space Mono
Vision Simulator
(Affects preview)
Normal Vision
Protanopia (Red-blind)
Deuteranopia (Green-blind)
Tritanopia (Blue-blind)
Achromatopsia (Grayscale)
Large Text (18pt / 24px+)
Click/Tap to edit me. That Biff, what a character. Always trying to get away with something. Been on top of Biff ever since high school. Although, if it wasn't for him - Yes, yes, I'm George, George McFly, and I'm your destiny. I mean, I'm your density. Right.
Normal Text (16px)
Click/Tap to edit me. That Biff, what a character. Always trying to get away with something. Been on top of Biff ever since high school. Although, if it wasn't for him - Yes, yes, I'm George, George McFly, and I'm your destiny. I mean, I'm your density. Right. Alright, take it up, go. Doc. Something wrong with the starter, so I hid it.
Copied to clipboard!