Ir para o seletor de cores

Cor #7abdfd: Intenso tom claro de azul

#7abdfd é rgb(122, 189, 253) em RGB e oklch(77.879% 0.11466 248.42) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

209 °
100%

77,9%
0,115
248 °
  • Azul
  • Claro
  • Intenso
  • Fria
  • ≈ Azul-bebê
  • blue-300
  • Preto 1%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.00:1Difícil de ler
Lc -43
Texto preto
10.52:1Legível · AA
Lc 65

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

#7abdfd é um intenso tom claro de azul. Em OKLCH, tem luminosidade 77,9%, croma 0.115 e matiz 248 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 2:1 e texto preto a 10.52: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 (claro)

Mais claro: #7abdfd misturado com branco

  1. 7abdfd
  2. 88c4fe
  3. 96cbfe
  4. a3d1ff
  5. b1d8ff
  6. bedfff
  7. cbe5ff
  8. d8ecff
  9. e5f2ff
  10. f2f9ff

Mais escuro: #7abdfd misturado com preto

  1. 7abdfd
  2. 69a4dc
  3. 598cbc
  4. 49749d
  5. 3a5d7f
  6. 2b4762
  7. 1d3347
  8. 101f2d
  9. 050d16
  10. 010203

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

  1. 7abdfd
  2. 81bdf6
  3. 88bcef
  4. 8ebce8
  5. 95bbe2
  6. 9bbbdb
  7. a1bad4
  8. a6b9cd
  9. acb9c5
  10. b1b8be

Perguntas sobre #7abdfd

Que cor é #7abdfd?

#7abdfd é um intenso tom claro de azul. A cor com nome mais próxima é Intenso tom claro de azul. Em RGB é rgb(122, 189, 253), em HSL hsl(209.31, 97.04%, 73.53%) e em OKLCH oklch(77.879% 0.11466 248.42).

Quais cores combinam com #7abdfd?

A cor complementar de #7abdfd é #e7a962. Para uma combinação mais tranquila, use as cores análogas #50c8e8 e #a6afff. As parceiras da tríade são #f697a8 e #a1c574.

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

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

#7abdfd é uma cor quente ou fria?

#7abdfd é uma cor fria. Em OKLCH, o matiz é de 248 graus, a luminosidade 77,9% e o croma 0.115.