Ir para o seletor de cores

Cor #abcbf2: Delicado tom claro de azul

#abcbf2 é rgb(171, 203, 242) em RGB e oklch(83.194% 0.06493 253.575) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

213 °
100%

83,2%
0,065
254 °
  • Azul
  • Claro
  • Suave
  • Pastel
  • Fria
  • ≈ Azul-bebê
  • indigo-200
  • Preto 5%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
1.67:1Difícil de ler
Lc -33
Texto preto
12.56:1Legível · AA
Lc 74

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

#abcbf2 é um delicado tom claro de azul. Em OKLCH, tem luminosidade 83,2%, croma 0.065 e matiz 254 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Azul-bebê (#89cff0). No Tailwind CSS, a cor mais próxima é indigo-200.

Mais tons de azul (claro)

Mais claro: #abcbf2 misturado com branco

  1. abcbf2
  2. b3d0f3
  3. bcd5f5
  4. c4dbf6
  5. cce0f8
  6. d5e5f9
  7. ddeafa
  8. e6effc
  9. eef5fd
  10. f7fafe

Mais escuro: #abcbf2 misturado com preto

  1. abcbf2
  2. 94b0d2
  3. 7e96b4
  4. 687d96
  5. 546579
  6. 404d5e
  7. 2d3743
  8. 1b222b
  9. 0b0f14
  10. 010203

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

  1. abcbf2
  2. aecbee
  3. b1cbea
  4. b4cae6
  5. b7cae1
  6. bacadd
  7. bdc9d9
  8. bfc9d5
  9. c2c9d0
  10. c5c8cc

Perguntas sobre #abcbf2

Que cor é #abcbf2?

#abcbf2 é um delicado tom claro de azul. A cor com nome mais próxima é Delicado tom claro de azul. Em RGB é rgb(171, 203, 242), em HSL hsl(212.96, 73.2%, 80.98%) e em OKLCH oklch(83.194% 0.06493 253.575).

Quais cores combinam com #abcbf2?

A cor complementar de #abcbf2 é #e2c29a. Para uma combinação mais tranquila, use as cores análogas #9ad2e7 e #c2c3f2. As parceiras da tríade são #efb7bb e #b7d2a7.

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

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

#abcbf2 é uma cor quente ou fria?

#abcbf2 é uma cor fria. Em OKLCH, o matiz é de 254 graus, a luminosidade 83,2% e o croma 0.065.