Ir para o seletor de cores

Cor #abc6fd: Delicado tom claro de azul

#abc6fd é rgb(171, 198, 253) em RGB e oklch(82.596% 0.08322 264.282) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

220 °
100%

82,6%
0,083
264 °
  • Azul
  • Claro
  • Suave
  • Pastel
  • Fria
  • ≈ Pervinca
  • blue-300
  • Preto 1%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
1.72:1Difícil de ler
Lc -35
Texto preto
12.23:1Legível · AA
Lc 73

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

#abc6fd é um delicado tom claro de azul. Em OKLCH, tem luminosidade 82,6%, croma 0.083 e matiz 264 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

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

Mais tons de azul (claro)

Mais claro: #abc6fd misturado com branco

  1. abc6fd
  2. b3ccfe
  3. bbd2fe
  4. c4d7fe
  5. ccddff
  6. d4e3ff
  7. dde8ff
  8. e5eeff
  9. eef4ff
  10. f6f9ff

Mais escuro: #abc6fd misturado com preto

  1. abc6fd
  2. 94acdc
  3. 7e92bc
  4. 687a9d
  5. 54627f
  6. 404b62
  7. 2d3547
  8. 1b212d
  9. 0b0e16
  10. 010203

Mais acinzentado: #abc6fd com menos saturação

  1. abc6fd
  2. aec6f8
  3. b0c6f2
  4. b3c6ed
  5. b6c6e7
  6. b9c6e2
  7. bbc6dc
  8. bec6d7
  9. c1c6d1
  10. c3c6cc

Perguntas sobre #abc6fd

Que cor é #abc6fd?

#abc6fd é um delicado tom claro de azul. A cor com nome mais próxima é Delicado tom claro de azul. Em RGB é rgb(171, 198, 253), em HSL hsl(220.24, 95.35%, 83.14%) e em OKLCH oklch(82.596% 0.08322 264.282).

Quais cores combinam com #abc6fd?

A cor complementar de #abc6fd é #dfc287. Para uma combinação mais tranquila, use as cores análogas #8fd0f4 e #c9bcf7. As parceiras da tríade são #f8b1ac e #a5d5a4.

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

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

#abc6fd é uma cor quente ou fria?

#abc6fd é uma cor fria. Em OKLCH, o matiz é de 264 graus, a luminosidade 82,6% e o croma 0.083.