Ir para o seletor de cores

Cor #aaa5bc: Esmaecido tom claro de violeta

#aaa5bc é rgb(170, 165, 188) em RGB e oklch(73.351% 0.03326 295.531) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

253 °
100%

73,4%
0,033
296 °
  • Violeta
  • Claro
  • Discreto
  • Esmaecido
  • Fria
  • ≈ Cinza-escuro
  • mauve-400
  • Preto 26%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.38:1Difícil de ler
Lc -52
Texto preto
8.82:1Legível · AA
Lc 57

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

#aaa5bc é um esmaecido tom claro de violeta. Em OKLCH, tem luminosidade 73,4%, croma 0.033 e matiz 296 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Cinza-escuro (#a9a9a9). No Tailwind CSS, a cor mais próxima é mauve-400.

Mais tons de violeta (claro)

Mais claro: #aaa5bc misturado com branco

  1. aaa5bc
  2. b2aec3
  3. bab6c9
  4. c3bfd0
  5. cbc8d7
  6. d4d1dd
  7. dcdae4
  8. e5e3eb
  9. edecf1
  10. f6f6f8

Mais escuro: #aaa5bc misturado com preto

  1. aaa5bc
  2. 938fa3
  3. 7d798b
  4. 686573
  5. 53515d
  6. 3f3d47
  7. 2d2b32
  8. 1b1a1f
  9. 0b0a0d
  10. 010102

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

  1. aaa5bc
  2. aaa5ba
  3. aaa6b8
  4. aaa6b6
  5. a9a7b4
  6. a9a7b2
  7. a9a7b0
  8. a9a8af
  9. a9a8ad
  10. a9a8ab

Perguntas sobre #aaa5bc

Que cor é #aaa5bc?

#aaa5bc é um esmaecido tom claro de violeta. A cor com nome mais próxima é Esmaecido tom claro de violeta. Em RGB é rgb(170, 165, 188), em HSL hsl(253.04, 14.65%, 69.22%) e em OKLCH oklch(73.351% 0.03326 295.531).

Quais cores combinam com #aaa5bc?

A cor complementar de #aaa5bc é #a7ac94. Para uma combinação mais tranquila, use as cores análogas #9fa9be e #b4a2b4. As parceiras da tríade são #baa495 e #94b0a8.

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

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

#aaa5bc é uma cor quente ou fria?

#aaa5bc é uma cor fria. Em OKLCH, o matiz é de 296 graus, a luminosidade 73,4% e o croma 0.033.