Foreground / Text
Click to edit hex code
Red 0
Green 0
Blue 0
Hue 0°
Saturation 0%
Lightness 0%
Background
Click to edit hex code
Red 255
Green 255
Blue 255
Hue 0°
Saturation 0%
Lightness 100%

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+).