PowerDev.Tools

Tools
Color Contrast Checker

Base color

#8dccad

#988864

#fea6a2

#f9d6ac

#ffe9af

#8dccad

#988864

#fea6a2

#f9d6ac

#ffe9af

#8dccad

>

1:1

Test
pattern

>

1:1.88

Test
pattern

>

1:1.02

Test
pattern

>

1:1.34

Test
pattern

>

1:1.54

Test
pattern

#988864

>

1.88:1

Test
pattern

>

1:1

Test
pattern

>

1:1.85

Test
pattern

>

1:2.52

Test
pattern

>

1:2.9

Test
pattern

#fea6a2

>

1.02:1

Test
pattern

>

1.85:1

Test
pattern

>

1:1

Test
pattern

>

1:1.36

Test
pattern

>

1:1.57

Test
pattern

#f9d6ac

>

1.34:1

Test
pattern

>

2.52:1

Test
pattern

>

1.36:1

Test
pattern

>

1:1

Test
pattern

>

1:1.15

Test
pattern

#ffe9af

>

1.54:1

Test
pattern

>

2.9:1

Test
pattern

>

1.57:1

Test
pattern

>

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