Desarrollo
Color Contrast Checker
Check WCAG 2.1 AA/AAA color contrast ratios for accessible web design
Con la confianza de más de 10k desarrolladores
rgb(30, 41, 59)
rgb(248, 250, 252)
Preview
Sample Text Aa
The quick brown fox jumps over the lazy dog
Regular body text — this is how a paragraph will appear at 16 px.
Small helper text at 14 px — used for captions and labels.
13.98:1
Contrast Ratio
AA — Normal Text≥4.5:1
< 18pt (24px) regular or < 14pt (18.67px) bold
AA — Large Text≥3:1
≥ 18pt (24px) regular or ≥ 14pt (18.67px) bold
AAA — Normal Text≥7:1
Enhanced, < 18pt regular
AAA — Large Text≥4.5:1
Enhanced, ≥ 18pt regular
Foreground Color
HEX
#1E293B
RGB
rgb(30, 41, 59)
Background Color
HEX
#F8FAFC
RGB
rgb(248, 250, 252)
Sigue explorando
Otras herramientas de Desarrollo que te pueden gustar…
Formateador JSON
Formatea y valida JSON con resaltado de sintaxis
Probar
Base64 codificar/decodificar
Codifica y decodifica cadenas Base64
Probar
URL Encoder/Decoder
Encode and decode URL components and query strings
Probar
Generador UUID
Genera identificadores UUID únicos
Probar
Hash Generator
Generate MD5, SHA-1, SHA-256, and SHA-512 hashes from text
Probar
Regex Tester
Test and debug regular expressions with match highlighting
Probar
JWT Decoder
Decode and inspect JWT token header and payload
Probar
HTML Formatter
Beautify and format HTML code with proper indentation
Probar