Ir para o seletor de cores

Cor #afa2f0: Intenso tom claro de violeta

#afa2f0 é rgb(175, 162, 240) em RGB e oklch(75.26% 0.11126 291.124) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

250 °
100%

75,3%
0,111
291 °
  • Violeta
  • Claro
  • Intenso
  • Fria
  • ≈ Lilás
  • indigo-300
  • Preto 6%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.27:1Difícil de ler
Lc -50
Texto preto
9.25: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 que você escolhe ou copia aparecem aqui. Elas ficam neste dispositivo.

Sobre #afa2f0

#afa2f0 é um intenso tom claro de violeta. Em OKLCH, tem luminosidade 75,3%, croma 0.111 e matiz 291 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 2.27:1 e texto preto a 9.25: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: #afa2f0 misturado com branco

  1. afa2f0
  2. b7abf2
  3. beb5f4
  4. c6bef6
  5. cec7f7
  6. d6d1f9
  7. dedafa
  8. e6e3fc
  9. eeecfd
  10. f7f6fe

Mais escuro: #afa2f0 misturado com preto

  1. afa2f0
  2. 988cd1
  3. 8177b2
  4. 6b6395
  5. 564f78
  6. 413c5d
  7. 2e2a43
  8. 1c192a
  9. 0b0a14
  10. 010103

Mais acinzentado: #afa2f0 com menos saturação

  1. afa2f0
  2. afa4ea
  3. afa5e3
  4. aea6dd
  5. aea8d7
  6. aea9d0
  7. aeaac9
  8. aeabc3
  9. aeadbc
  10. aeaeb5

Perguntas sobre #afa2f0

Que cor é #afa2f0?

#afa2f0 é um intenso tom claro de violeta. A cor com nome mais próxima é Intenso tom claro de violeta. Em RGB é rgb(175, 162, 240), em HSL hsl(250, 72.22%, 78.82%) e em OKLCH oklch(75.26% 0.11126 291.124).

Quais cores combinam com #afa2f0?

A cor complementar de #afa2f0 é #b1b55e. Para uma combinação mais tranquila, use as cores análogas #87aff5 e #cf97da. As parceiras da tríade são #e79a6c e #59c6a5.

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

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

#afa2f0 é uma cor quente ou fria?

#afa2f0 é uma cor fria. Em OKLCH, o matiz é de 291 graus, a luminosidade 75,3% e o croma 0.111.