Ir para o seletor de cores

Cor #aaa7df: Suave tom claro de violeta

#aaa7df é rgb(170, 167, 223) em RGB e oklch(75.084% 0.08002 286.754) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

243 °
100%

75,1%
0,080
287 °
  • Violeta
  • Claro
  • Suave
  • Fria
  • ≈ Lilás
  • indigo-300
  • Preto 13%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.26:1Difícil de ler
Lc -49
Texto preto
9.30:1Legível · AA
Lc 59

Tons

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

Harmonias

Abrir como paleta

Recentes

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

Sobre #aaa7df

#aaa7df é um suave tom claro de violeta. Em OKLCH, tem luminosidade 75,1%, croma 0.08 e matiz 287 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 2.26:1 e texto preto a 9.3: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 é indigo-300.

Mais tons de violeta (claro)

Mais claro: #aaa7df misturado com branco

  1. aaa7df
  2. b2b0e2
  3. bab8e6
  4. c3c1e9
  5. cbcaed
  6. d3d3f0
  7. dcdbf3
  8. e5e4f6
  9. ededf9
  10. f6f6fc

Mais escuro: #aaa7df misturado com preto

  1. aaa7df
  2. 9391c2
  3. 7d7ba5
  4. 68668a
  5. 53526f
  6. 3f3e56
  7. 2d2c3d
  8. 1b1a27
  9. 0b0a12
  10. 010102

Mais sóbrio: #aaa7df com menos saturação

  1. aaa7df
  2. aaa8da
  3. aba9d5
  4. aba9d1
  5. abaacc
  6. acabc7
  7. acacc2
  8. adacbd
  9. adadb8
  10. aeadb3

Cores com nome parecidas

Cores que combinam com #aaa7df

Complementar
#aaa7df#b4b276
Análoga
#aaa7df#8eb0e1#c39fd0
Tríade
#aaa7df#d99f83#7bbfa3
Dividida
#aaa7df#cba874#97ba88

Perguntas sobre #aaa7df

Que cor é #aaa7df?

#aaa7df é um suave tom claro de violeta. A cor com nome mais próxima é Suave tom claro de violeta. Em RGB é rgb(170, 167, 223), em HSL hsl(243.21, 46.67%, 76.47%) e em OKLCH oklch(75.084% 0.08002 286.754).

Quais cores combinam com #aaa7df?

A cor complementar de #aaa7df é #b4b276. Para uma combinação mais tranquila, use as cores análogas #8eb0e1 e #c39fd0. As parceiras da tríade são #d99f83 e #7bbfa3.

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

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

#aaa7df é uma cor quente ou fria?

#aaa7df é uma cor fria. Em OKLCH, o matiz é de 287 graus, a luminosidade 75,1% e o croma 0.08.