OddContrast

Color Format

IconGitHub
IconTwitter
IconGitHub

Current Ratio

The contrast ratio is 7.16:1

In WCAG 2, contrast is a measure of the difference in perceived brightness between two colors, expressed as a ratio. Learn more about contrast ratio requirements.(opens in a new tab)

Pass

AA Normal

Pass

AAA Normal

Pass

AA Large

Pass

AAA Large

AA Contrast Ratio

4.5 : 1: Normal Text
3 : 1: Large Text

AAA Contrast Ratio

7 : 1: Normal Text
4.5 : 1: Large Text

Large Text Size

≥ 24px: Regular Weight
≥ 19px: Bold Weight

Check the contrast ratio between two colors

Background Color

Lightness

Chroma

Hue

Alpha

Foreground Color

Lightness

Chroma

Hue

Alpha

Additional Formats

Background Color

hsl(218.94 38.064% 29.607%)

Foreground Color

hsl(204.51 57.378% 85.858%)

© 2022 OddBird.