#fc354c
#29221f
#13747d
#0abfbc
#fcf7c5
#fc354c
#29221f
#13747d
#0abfbc
#fcf7c5
#fc354c
>
1:1
Test
pattern
>
1:4.28
Test
pattern
>
1:1.51
Test
pattern
>
1:1.6
Test
pattern
>
1:3.35
Test
pattern
#29221f
>
4.28:1
Test
pattern
>
1:1
Test
pattern
>
1:2.85
Test
pattern
>
1:6.84
Test
pattern
>
1:14.33
Test
pattern
#13747d
>
1.51:1
Test
pattern
>
2.85:1
Test
pattern
>
1:1
Test
pattern
>
1:2.4
Test
pattern
>
1:5.04
Test
pattern
#0abfbc
>
1.6:1
Test
pattern
>
6.84:1
Test
pattern
>
2.4:1
Test
pattern
>
1:1
Test
pattern
>
1:2.09
Test
pattern
#fcf7c5
>
3.35:1
Test
pattern
>
14.33:1
Test
pattern
>
5.04:1
Test
pattern
>
2.09: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