#1b325f
#9cc4e4
#e9f2f9
#3a89c9
#f26c4f
#1b325f
#9cc4e4
#e9f2f9
#3a89c9
#f26c4f
#1b325f
>
1:1
Test
pattern
>
1:6.85
Test
pattern
>
1:11.11
Test
pattern
>
1:3.36
Test
pattern
>
1:4.22
Test
pattern
#9cc4e4
>
6.85:1
Test
pattern
>
1:1
Test
pattern
>
1:1.62
Test
pattern
>
1:2.04
Test
pattern
>
1:1.63
Test
pattern
#e9f2f9
>
11.11:1
Test
pattern
>
1.62:1
Test
pattern
>
1:1
Test
pattern
>
1:3.31
Test
pattern
>
1:2.64
Test
pattern
#3a89c9
>
3.36:1
Test
pattern
>
2.04:1
Test
pattern
>
3.31:1
Test
pattern
>
1:1
Test
pattern
>
1:1.26
Test
pattern
#f26c4f
>
4.22:1
Test
pattern
>
1.63:1
Test
pattern
>
2.64:1
Test
pattern
>
1.26:1
Test
pattern
>
1:1
Test
pattern

Details

Check the WCAG contrast ratio to another color, from 1 (same color) to 21 (contrast b/w white and black).

Contrast ratio is a measure of the difference in brightness between two colors. It is used to ensure visual elements have enough contrast to be seen by those with visual impairments.

Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.

Level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.

See also

© PowerDev.Tools