PowerDev.Tools

Tools
Color Contrast Checker

Base color

#300030

#480048

#601848

#c04848

#f07241

#300030

#480048

#601848

#c04848

#f07241

#300030

>

1:1

Test
pattern

>

1:1.17

Test
pattern

>

1:1.47

Test
pattern

>

1:3.65

Test
pattern

>

1:6.15

Test
pattern

#480048

>

1.17:1

Test
pattern

>

1:1

Test
pattern

>

1:1.26

Test
pattern

>

1:3.11

Test
pattern

>

1:5.25

Test
pattern

#601848

>

1.47:1

Test
pattern

>

1.26:1

Test
pattern

>

1:1

Test
pattern

>

1:2.48

Test
pattern

>

1:4.18

Test
pattern

#c04848

>

3.65:1

Test
pattern

>

3.11:1

Test
pattern

>

2.48:1

Test
pattern

>

1:1

Test
pattern

>

1:1.69

Test
pattern

#f07241

>

6.15:1

Test
pattern

>

5.25:1

Test
pattern

>

4.18:1

Test
pattern

>

1.69: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