Ir para o seletor de cores

Cor #ab657a: Suave tom de rosa

#ab657a é rgb(171, 101, 122) em RGB e oklch(59.063% 0.09342 1.024) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

342 °
100%

59,1%
0,093
1 °
  • Rosa
  • Médio
  • Suave
  • Quente
  • ≈ Marsala
  • mauve-500
  • Preto 33%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
4.31:1Difícil de ler
Lc -75
Texto preto
4.87:1Legível · AA
Lc 34

Tons

Do mais claro ao mais escuro. Clique em um tom para usá-lo.

Harmonias

Recentes

As cores que você escolhe ou copia aparecem aqui. Elas ficam neste dispositivo.

Sobre #ab657a

#ab657a é um suave tom de rosa. Em OKLCH, tem luminosidade 59,1%, croma 0.093 e matiz 1 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 4.31:1 e texto preto a 4.87:1, então o texto branco é mais legível.

A cor com nome mais próxima é Marsala (#964f4c). No Tailwind CSS, a cor mais próxima é mauve-500.

Mais tons de rosa (médio)

Mais claro: #ab657a misturado com branco

Mais escuro: #ab657a misturado com preto

Mais acinzentado: #ab657a com menos saturação

Cores com nome parecidas

Cores que combinam com #ab657a

Complementar
Análoga
Triádica
Dividida

Perguntas sobre #ab657a

Que cor é #ab657a?

#ab657a é um suave tom de rosa. A cor com nome mais próxima é Suave tom de rosa. Em RGB é rgb(171, 101, 122), em HSL hsl(342, 29.41%, 53.33%) e em OKLCH oklch(59.063% 0.09342 1.024).

Quais cores combinam com #ab657a?

A cor complementar de #ab657a é #2b8f81. Para uma combinação mais tranquila, use as cores análogas #9d6897 e #ae685b. As parceiras da tríade são #758644 e #4584b0.

Texto branco ou preto é mais legível sobre #ab657a?

O texto branco é mais legível sobre #ab657a: o branco dá uma razão de contraste de 4.31:1 e o preto, 4.87:1. O WCAG AA pede pelo menos 4,5:1 para texto corrido.

#ab657a é uma cor quente ou fria?

#ab657a é uma cor quente. Em OKLCH, o matiz é de 1 graus, a luminosidade 59,1% e o croma 0.093.