PowerDev.Tools

Tools
Color Contrast Checker

Base color

#00a0b0

#6a4a3c

#cc333f

#eb6841

#edc951

#00a0b0

#6a4a3c

#cc333f

#eb6841

#edc951

#00a0b0

>

1:1

Test
pattern

>

1:2.5

Test
pattern

>

1:1.62

Test
pattern

>

1:1.01

Test
pattern

>

1:1.96

Test
pattern

#6a4a3c

>

2.5:1

Test
pattern

>

1:1

Test
pattern

>

1:1.55

Test
pattern

>

1:2.48

Test
pattern

>

1:4.92

Test
pattern

#cc333f

>

1.62:1

Test
pattern

>

1.55:1

Test
pattern

>

1:1

Test
pattern

>

1:1.6

Test
pattern

>

1:3.18

Test
pattern

#eb6841

>

1.01:1

Test
pattern

>

2.48:1

Test
pattern

>

1.6:1

Test
pattern

>

1:1

Test
pattern

>

1:1.98

Test
pattern

#edc951

>

1.96:1

Test
pattern

>

4.92:1

Test
pattern

>

3.18:1

Test
pattern

>

1.98:1

Test
pattern

>

1:1

Test
pattern

Details

#color #contrast #web #wcag

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