Ir para o seletor de cores

Cor #abc2da: Suave tom claro de azul

#abc2da é rgb(171, 194, 218) em RGB e oklch(80.457% 0.04233 249.477) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

211 °
100%

80,5%
0,042
249 °
  • Azul
  • Claro
  • Suave
  • Fria
  • ≈ Prata
  • blue-300
  • Preto 15%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
1.83:1Difícil de ler
Lc -38
Texto preto
11.46:1Legível · AA
Lc 70

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

#abc2da é um suave tom claro de azul. Em OKLCH, tem luminosidade 80,5%, croma 0.042 e matiz 249 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Prata (#c0c0c0). No Tailwind CSS, a cor mais próxima é blue-300.

Mais tons de azul (claro)

Mais claro: #abc2da misturado com branco

  1. abc2da
  2. b3c8de
  3. bbcee1
  4. c4d4e5
  5. ccdae9
  6. d5e0ed
  7. dde6f0
  8. e5ecf4
  9. eef3f8
  10. f6f9fb

Mais escuro: #abc2da misturado com preto

  1. abc2da
  2. 94a8bd
  3. 7e8fa2
  4. 687787
  5. 54606c
  6. 404954
  7. 2d343c
  8. 1b2025
  9. 0b0e11
  10. 010202

Mais acinzentado: #abc2da com menos saturação

  1. abc2da
  2. adc2d7
  3. afc1d5
  4. b1c1d2
  5. b3c1cf
  6. b5c1cd
  7. b7c0ca
  8. b9c0c7
  9. bbc0c4
  10. bdbfc2

Perguntas sobre #abc2da

Que cor é #abc2da?

#abc2da é um suave tom claro de azul. A cor com nome mais próxima é Suave tom claro de azul. Em RGB é rgb(171, 194, 218), em HSL hsl(210.64, 38.84%, 76.27%) e em OKLCH oklch(80.457% 0.04233 249.477).

Quais cores combinam com #abc2da?

A cor complementar de #abc2da é #d2bba2. Para uma combinação mais tranquila, use as cores análogas #a2c6d2 e #b9bddb. As parceiras da tríade são #d9b4b9 e #b6c5a9.

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

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

#abc2da é uma cor quente ou fria?

#abc2da é uma cor fria. Em OKLCH, o matiz é de 249 graus, a luminosidade 80,5% e o croma 0.042.