PowerDev.Tools

Tools
Color Contrast Checker

Base color

#67917a

#170409

#b8af03

#ccbf82

#e33258

#67917a

#170409

#b8af03

#ccbf82

#e33258

#67917a

>

1:1

Test
pattern

>

1:5.59

Test
pattern

>

1:1.55

Test
pattern

>

1:1.92

Test
pattern

>

1:1.21

Test
pattern

#170409

>

5.59:1

Test
pattern

>

1:1

Test
pattern

>

1:8.67

Test
pattern

>

1:10.72

Test
pattern

>

1:4.6

Test
pattern

#b8af03

>

1.55:1

Test
pattern

>

8.67:1

Test
pattern

>

1:1

Test
pattern

>

1:1.24

Test
pattern

>

1:1.89

Test
pattern

#ccbf82

>

1.92:1

Test
pattern

>

10.72:1

Test
pattern

>

1.24:1

Test
pattern

>

1:1

Test
pattern

>

1:2.33

Test
pattern

#e33258

>

1.21:1

Test
pattern

>

4.6:1

Test
pattern

>

1.89:1

Test
pattern

>

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