Color converter and contrast checker
- HEX
- #be123c
- RGB
- rgb(190, 18, 60)
- HSL
- hsl(345.3, 82.7%, 40.8%)
Check contrast (WCAG)
Aa — Sample text
The quick brown fox jumps over the lazy dog.
13.98 : 1
- AA, normal textPass
- AA, large textPass
- AAA, normal textPass
- AAA, large textPass
Help & info
About this tool
Type or pick a color and get it as HEX, RGB and HSL, with transparency if you give it. The contrast checker compares text and background color and shows the ratio together with the WCAG levels AA and AAA for normal and large text.
Good to know
WCAG asks for a contrast of at least 4.5:1 for normal text and 3:1 for large text (AA); AAA asks for 7:1 and 4.5:1. Large means 24 px or 19 px bold.
More tools
- JSON formatter – Format and validate JSON, YAML, TOML, XML, CSV
- Format converter – JSON, YAML, TOML, XML and CSV into each other
- Schema – Create and check a schema (JSON, XML, CSV)
- Base64 – Encode and decode text
- URL encode/decode – Encode, decode and split URLs
- Hash generator – MD5, SHA-1, SHA-256 and more for text or files
- UUID generator – Random or time-ordered UUIDs
- JWT decoder – Read a token's header and payload
- Unix timestamp – Unix time to date and back