Color Contrast Tool
RGB Mode
HSL Mode
HSB Mode
Color Picker
Foreground Color
Red:
Green:
Blue:
Hue:
Saturation:
Brightness:
Hue:
Saturation:
Lightness:
Background Color
Red:
Green:
Blue:
Hue:
Saturation:
Brightness:
Hue:
Saturation:
Lightness:
Color Contrast
Foreground Luminance
: (between 1 and 21)
Background Luminance
: (between 1 and 21)
Contrast Ratio
: (luminance1 / luminance2)
WCAG 2 Contrast for Normal Text
: (r >= 4.5)
WCAG 2 Contrast for Large Text
: (r >= 3.0)
Preview Text
The quick brown fox
The quick brown fox
The quick fox
The quick fox
The quick brown fox
The quick brown fox
The quick fox
The quick fox