Ir para o seletor de cores

Cor #abaed4: Esmaecido tom claro de índigo

#abaed4 é rgb(171, 174, 212) em RGB e oklch(76.127% 0.05437 281.472) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

236 °
100%

76,1%
0,054
281 °
  • Índigo
  • Claro
  • Suave
  • Esmaecido
  • Fria
  • ≈ Lilás
  • slate-400
  • Preto 17%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.16:1Difícil de ler
Lc -47
Texto preto
9.74:1Legível · AA
Lc 62

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

#abaed4 é um esmaecido tom claro de índigo. Em OKLCH, tem luminosidade 76,1%, croma 0.054 e matiz 281 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 2.16:1 e texto preto a 9.74: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 é slate-400.

Mais tons de índigo (claro)

Mais claro: #abaed4 misturado com branco

  1. abaed4
  2. b3b6d8
  3. bbbedd
  4. c3c6e1
  5. cccee5
  6. d4d6ea
  7. dddeee
  8. e5e6f2
  9. eeeef7
  10. f6f7fb

Mais escuro: #abaed4 misturado com preto

  1. abaed4
  2. 9497b8
  3. 7e809d
  4. 686a83
  5. 545569
  6. 404151
  7. 2d2e3a
  8. 1b1c24
  9. 0b0b10
  10. 010102

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

  1. abaed4
  2. acaed1
  3. acafcd
  4. adafca
  5. adafc6
  6. aeb0c3
  7. afb0bf
  8. afb0bc
  9. b0b1b8
  10. b1b1b5

Perguntas sobre #abaed4

Que cor é #abaed4?

#abaed4 é um esmaecido tom claro de índigo. A cor com nome mais próxima é Esmaecido tom claro de índigo. Em RGB é rgb(171, 174, 212), em HSL hsl(235.61, 32.28%, 75.1%) e em OKLCH oklch(76.127% 0.05437 281.472).

Quais cores combinam com #abaed4?

A cor complementar de #abaed4 é #b8b38b. Para uma combinação mais tranquila, use as cores análogas #99b4d4 e #bda8cb. As parceiras da tríade são #d1a797 e #93bda7.

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

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

#abaed4 é uma cor quente ou fria?

#abaed4 é uma cor fria. Em OKLCH, o matiz é de 281 graus, a luminosidade 76,1% e o croma 0.054.