Ir para o seletor de cores

Cor #6abdfd: Intenso tom claro de azul-celeste

#6abdfd é rgb(106, 189, 253) em RGB e oklch(77.151% 0.12282 243.629) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

206 °
100%

77,2%
0,123
244 °
  • Azul-celeste
  • Claro
  • Intenso
  • Fria
  • ≈ Azul-bebê
  • blue-300
  • Preto 1%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.04:1Difícil de ler
Lc -44
Texto preto
10.31:1Legível · AA
Lc 64

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 #6abdfd

#6abdfd é um intenso tom claro de azul-celeste. Em OKLCH, tem luminosidade 77,2%, croma 0.123 e matiz 244 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 2.04:1 e texto preto a 10.31: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 é blue-300.

Mais tons de azul-celeste (claro)

Mais claro: #6abdfd misturado com branco

  1. 6abdfd
  2. 7bc4fe
  3. 8bcbfe
  4. 9ad2ff
  5. a9d8ff
  6. b7dfff
  7. c6e5ff
  8. d4ecff
  9. e3f2ff
  10. f1f9ff

Mais escuro: #6abdfd misturado com preto

  1. 6abdfd
  2. 5ba4dc
  3. 4d8cbc
  4. 3f749d
  5. 315d7f
  6. 244762
  7. 183347
  8. 0d1f2d
  9. 040d16
  10. 000203

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

  1. 6abdfd
  2. 73bdf6
  3. 7cbcef
  4. 84bbe8
  5. 8cbbe1
  6. 94bad9
  7. 9bb9d2
  8. a1b8cb
  9. a8b7c4
  10. aeb6bc

Perguntas sobre #6abdfd

Que cor é #6abdfd?

#6abdfd é um intenso tom claro de azul-celeste. A cor com nome mais próxima é Intenso tom claro de azul-celeste. Em RGB é rgb(106, 189, 253), em HSL hsl(206.12, 97.35%, 70.39%) e em OKLCH oklch(77.151% 0.12282 243.629).

Quais cores combinam com #6abdfd?

A cor complementar de #6abdfd é #eba35c. Para uma combinação mais tranquila, use as cores análogas #38c8e4 e #9cafff. As parceiras da tríade são #f692ac e #a5c266.

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

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

#6abdfd é uma cor quente ou fria?

#6abdfd é uma cor fria. Em OKLCH, o matiz é de 244 graus, a luminosidade 77,2% e o croma 0.123.