')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}
Invalid input
Invalid input
Contrast Ratio
14.0
/21
Normal Text | Large Text | |
---|---|---|
AA | Pass | Pass |
AAA | Pass | Pass |
Large Text - 24px/18pt
Contrast ratio is a measure of the difference in perceived brightness between two colors. The higher the ratio, the better the contrast.
Normal Text - 16px
According to Web Content Accessibility Guidelines (WCAG) 2.0, text and images of text should have a minimum contrast ratio of 4.5:1 (Level AA), while large text should have minimum contrast ratio of 3:1. For enhanced contrast (Level AAA), normal text and large text should have minimum contrast ratio of 7:1 and 4.5:1 respectively.