PowerDev.Tools

Tools
Color Contrast Checker

Base color

#4d3b3b

#de6262

#ffb88c

#ffd0b3

#f5e0d3

#4d3b3b

#de6262

#ffb88c

#ffd0b3

#f5e0d3

#4d3b3b

>

1:1

Test
pattern

>

1:3.01

Test
pattern

>

1:6.23

Test
pattern

>

1:7.45

Test
pattern

>

1:8.23

Test
pattern

#de6262

>

3.01:1

Test
pattern

>

1:1

Test
pattern

>

1:2.07

Test
pattern

>

1:2.48

Test
pattern

>

1:2.73

Test
pattern

#ffb88c

>

6.23:1

Test
pattern

>

2.07:1

Test
pattern

>

1:1

Test
pattern

>

1:1.2

Test
pattern

>

1:1.32

Test
pattern

#ffd0b3

>

7.45:1

Test
pattern

>

2.48:1

Test
pattern

>

1.2:1

Test
pattern

>

1:1

Test
pattern

>

1:1.1

Test
pattern

#f5e0d3

>

8.23:1

Test
pattern

>

2.73:1

Test
pattern

>

1.32:1

Test
pattern

>

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