Contrast Finder

Contrast-Finder encontra os bons contrastes para a acessibilidade web.

O critèrio de sucesso 1.4.3 das WCAG requer para o texto un rácio de contraste mínimo de 4.5 para fontes normais (e 3 para fontes largas).

Cor em hexadecimal, RGB ou com palavras-chave de cores.
Exemplo : #FFFFFF, rgb(255,255,255) ou white
The contrast of your colours is insufficient.
Current ratio: 3.9

Contraste anterior

Contraste inválido
Primeiro plano Fundo Exemplo Rácio Distância
  • hsl(49, 100%, 49%)
  • rgb(252, 206, 0)
  • #FCCE00
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Título Grande com palavras em negrito

Este é um texto de exemplo com algumas palavras em negrito para ilustrar o contraste correto.

3.90228

Novo contraste : 10 resultados (874 cores testadas)

Contrastes válidos
Primeiro plano Fundo Exemplo Rácio Distância
  • hsl(49, 95%, 73%)
  • rgb(252, 229, 125)
  • #FCE57D
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Título Grande com palavras em negrito

Este é um texto de exemplo com algumas palavras em negrito para ilustrar o contraste correto.

4.64971 125.26
  • hsl(13, 81%, 93%)
  • rgb(252, 231, 225)
  • #FCE7E1
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Título Grande com palavras em negrito

Este é um texto de exemplo com algumas palavras em negrito para ilustrar o contraste correto.

4.93294 225.1
  • hsl(85, 100%, 49%)
  • rgb(147, 252, 0)
  • #93FC00
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Título Grande com palavras em negrito

Este é um texto de exemplo com algumas palavras em negrito para ilustrar o contraste correto.

4.51612 101.97
  • hsl(121, 95%, 73%)
  • rgb(125, 252, 129)
  • #7DFC81
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Título Grande com palavras em negrito

Este é um texto de exemplo com algumas palavras em negrito para ilustrar o contraste correto.

4.5017 58.05
  • hsl(157, 96%, 69%)
  • rgb(100, 252, 195)
  • #64FCC3
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Título Grande com palavras em negrito

Este é um texto de exemplo com algumas palavras em negrito para ilustrar o contraste correto.

4.54106 158.75
  • hsl(193, 92%, 83%)
  • rgb(175, 235, 252)
  • #AFEBFC
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Título Grande com palavras em negrito

Este é um texto de exemplo com algumas palavras em negrito para ilustrar o contraste correto.

4.50132 249.71
  • hsl(228, 81%, 93%)
  • rgb(225, 230, 252)
  • #E1E6FC
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Título Grande com palavras em negrito

Este é um texto de exemplo com algumas palavras em negrito para ilustrar o contraste correto.

4.72876 251.97
  • hsl(266, 81%, 93%)
  • rgb(237, 225, 252)
  • #EDE1FC
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Título Grande com palavras em negrito

Este é um texto de exemplo com algumas palavras em negrito para ilustrar o contraste correto.

4.68707 252.02
  • hsl(302, 81%, 93%)
  • rgb(252, 225, 251)
  • #FCE1FB
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Título Grande com palavras em negrito

Este é um texto de exemplo com algumas palavras em negrito para ilustrar o contraste correto.

4.83389 251.04
  • hsl(335, 81%, 93%)
  • rgb(252, 225, 236)
  • #FCE1EC
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Título Grande com palavras em negrito

Este é um texto de exemplo com algumas palavras em negrito para ilustrar o contraste correto.

4.78311 236.04
Não satisfeito?
Propõe-me cores válidas e muito próximas da cor original