PowerDev.Tools

Tools
Color Contrast Checker

Base color

#951f2b

#f5f4d7

#e0dfb1

#a5a36c

#535233

#951f2b

#f5f4d7

#e0dfb1

#a5a36c

#535233

#951f2b

>

1:1

Test
pattern

>

1:7.5

Test
pattern

>

1:6.12

Test
pattern

>

1:3.21

Test
pattern

>

1:1.05

Test
pattern

#f5f4d7

>

7.5:1

Test
pattern

>

1:1

Test
pattern

>

1:1.22

Test
pattern

>

1:2.33

Test
pattern

>

1:7.17

Test
pattern

#e0dfb1

>

6.12:1

Test
pattern

>

1.22:1

Test
pattern

>

1:1

Test
pattern

>

1:1.91

Test
pattern

>

1:5.86

Test
pattern

#a5a36c

>

3.21:1

Test
pattern

>

2.33:1

Test
pattern

>

1.91:1

Test
pattern

>

1:1

Test
pattern

>

1:3.07

Test
pattern

#535233

>

1.05:1

Test
pattern

>

7.17:1

Test
pattern

>

5.86:1

Test
pattern

>

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