Foreground / Text
Click to edit hex code
Background
Click to edit hex code
Live Preview
Heading Example
This is how your text will look with these colors. The quick brown fox jumps over the lazy dog. Testing readability and contrast.
Small text example (14px) - WCAG requires 4.5:1 contrast ratio for normal text.
Inverted Example
This shows the inverted color combination. The quick brown fox jumps over the lazy dog. Testing readability and contrast.
Small text example (14px) - WCAG requires 3:1 contrast ratio for large text (18px+).