KLColour contrast

Colour contrast

Compare two colours, adjust them live, and check WCAG text contrast.

Colour input

Colour 1

Enter 3 or 6 digits, with or without #.

RGB

245
245
241

Colour model

60°
2%
96%
CSS colour · click to change format

Contrast result

WCAG 2.2
18.09:1

Contrast ratio

AA · normal text · 4.5:1 requiredPass
AA · large text · 3:1 requiredPass
AAA · normal text · 7:1 requiredPass
AAA · large text · 4.5:1 requiredPass

Example

Sample text

The quick brown fox jumps over the lazy dog.

Sample text

The quick brown fox jumps over the lazy dog.

Colour input

Colour 2

Enter 3 or 6 digits, with or without #.

RGB

9
10
15

Colour model

230°
40%
6%
CSS colour · click to change format