Ir para o seletor de cores

Cor #abcff2: Delicado tom claro de azul

#abcff2 é rgb(171, 207, 242) em RGB e oklch(84.024% 0.06242 247.839) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

210 °
100%

84%
0,062
248 °
  • Azul
  • Claro
  • Suave
  • Pastel
  • Fria
  • ≈ Azul-claro
  • indigo-200
  • Preto 5%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
1.62:1Difícil de ler
Lc -31
Texto preto
12.94:1Legível · AA
Lc 76

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

#abcff2 é um delicado tom claro de azul. Em OKLCH, tem luminosidade 84%, croma 0.062 e matiz 248 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Azul-claro (#add8e6). No Tailwind CSS, a cor mais próxima é indigo-200.

Mais tons de azul (claro)

Mais claro: #abcff2 misturado com branco

  1. abcff2
  2. b3d4f3
  3. bcd9f5
  4. c4ddf6
  5. cde2f8
  6. d5e7f9
  7. ddecfa
  8. e6f1fc
  9. eef5fd
  10. f7fafe

Mais escuro: #abcff2 misturado com preto

  1. abcff2
  2. 94b4d2
  3. 7e99b4
  4. 687f96
  5. 546779
  6. 404f5e
  7. 2d3843
  8. 1b232b
  9. 0b1014
  10. 010203

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

  1. abcff2
  2. aecfee
  3. b2ceea
  4. b5cee6
  5. b8cde2
  6. bbcdde
  7. beccdb
  8. c1ccd7
  9. c4cbd3
  10. c7cbce

Perguntas sobre #abcff2

Que cor é #abcff2?

#abcff2 é um delicado tom claro de azul. A cor com nome mais próxima é Delicado tom claro de azul. Em RGB é rgb(171, 207, 242), em HSL hsl(209.58, 73.2%, 80.98%) e em OKLCH oklch(84.024% 0.06242 247.839).

Quais cores combinam com #abcff2?

A cor complementar de #abcff2 é #e6c49f. Para uma combinação mais tranquila, use as cores análogas #9dd5e6 e #c0c7f4. As parceiras da tríade são #f0bac3 e #bfd3a8.

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

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

#abcff2 é uma cor quente ou fria?

#abcff2 é uma cor fria. Em OKLCH, o matiz é de 248 graus, a luminosidade 84% e o croma 0.062.