Contrast Finder

Contrast-Finder encuentra los contrastes adecuados de color para crear webs accesibles

Los criterios WCAG de éxito 1.4.3 requieren que el texto tenga un contraste mínimo de 4.5 (3 para textos largos).

Color en hexadecimal, RGB o palabras clave de color CSS.
Por ejemplo: #FFFFFF, rgb(255,255,255) o white
El contraste de tus colores no es suficiente.
Ratio actual: 1.36

Anterior contraste

Contraste inválido
Primer plano Fondo Ejemplo Ratio Distancia
  • hsl(0, 0%, 86%)
  • rgb(221, 221, 221)
  • #DDDDDD
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Título grande con palabras en negrita

Este es un texto de ejemplo con palabras en negrita para ilustrar el contraste.

1.35825

Nuevo contraste : 1 resultado (1.494.425 colores testados)

Contrastes válidos
Primer plano Fondo Ejemplo Ratio Distancia
  • hsl(0, 1%, 58%)
  • rgb(152, 148, 148)
  • #989494
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Título grande con palabras en negrita

Este es un texto de ejemplo con palabras en negrita para ilustrar el contraste.

3.00057 103.43
¿Insatisfecho?
Dame un rango de colores