Ir para o seletor de cores

Cor #df97a3: Suave tom claro de rosa

#df97a3 é rgb(223, 151, 163) em RGB e oklch(75.067% 0.08772 8.448) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

350 °
100%

75,1%
0,088
8 °
  • Rosa
  • Claro
  • Suave
  • Quente
  • ≈ Lilás
  • red-300
  • Preto 13%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.31:1Difícil de ler
Lc -50
Texto preto
9.09:1Legível · AA
Lc 59

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 #df97a3

#df97a3 é um suave tom claro de rosa. Em OKLCH, tem luminosidade 75,1%, croma 0.088 e matiz 8 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Lilás (#c8a2c8). No Tailwind CSS, a cor mais próxima é red-300.

Mais tons de rosa (claro)

Mais claro: #df97a3 misturado com branco

Mais escuro: #df97a3 misturado com preto

Mais acinzentado: #df97a3 com menos saturação

Cores com nome parecidas

Cores que combinam com #df97a3

Complementar
Análoga
Triádica
Dividida

Perguntas sobre #df97a3

Que cor é #df97a3?

#df97a3 é um suave tom claro de rosa. A cor com nome mais próxima é Suave tom claro de rosa. Em RGB é rgb(223, 151, 163), em HSL hsl(350, 52.94%, 73.33%) e em OKLCH oklch(75.067% 0.08772 8.448).

Quais cores combinam com #df97a3?

A cor complementar de #df97a3 é #66c0b9. Para uma combinação mais tranquila, use as cores análogas #d399c1 e #df9b85. As parceiras da tríade são #9eb97d e #82b3e4.

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

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

#df97a3 é uma cor quente ou fria?

#df97a3 é uma cor quente. Em OKLCH, o matiz é de 8 graus, a luminosidade 75,1% e o croma 0.088.