Text
HEX
#0C599C
RGB
12, 89, 156
HSL
208°, 86%, 33%
Background
HEX
#DCE5EE
RGB
220, 229, 238
HSL
212°, 36%, 90%

Contrast: 5.64

Large Heading

Sample text with size 18pt.

Sample text with size 14pt. WCAG 2.0 level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. WCAG 2.1 requires a contrast ratio of at least 3:1 for graphics and user interface components (such as form input borders). WCAG Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.

Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger.

ad
Color contrast affects some people’s ability to perceive the information visually. For text to be readable or other elements to be distinguishable they need to have sufficient contrast with the background color. With this tool you can select the right contrast ratio according to WCAG guidelines.