Ir para o seletor de cores

Cor #7bbff4: Intenso tom claro de azul-celeste

#7bbff4 é rgb(123, 191, 244) em RGB e oklch(77.964% 0.10273 243.117) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

206 °
100%

78%
0,103
243 °
  • Azul-celeste
  • Claro
  • Intenso
  • Fria
  • ≈ Azul-céu
  • blue-300
  • Preto 4%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
1.98:1Difícil de ler
Lc -43
Texto preto
10.60:1Legível · AA
Lc 66

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

#7bbff4 é um intenso tom claro de azul-celeste. Em OKLCH, tem luminosidade 78%, croma 0.103 e matiz 243 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Azul-céu (#87ceeb). No Tailwind CSS, a cor mais próxima é blue-300.

Mais tons de azul-celeste (claro)

Mais claro: #7bbff4 misturado com branco

  1. 7bbff4
  2. 89c6f6
  3. 97ccf7
  4. a4d3f8
  5. b1d9f9
  6. bedffb
  7. cbe6fc
  8. d8ecfd
  9. e5f2fe
  10. f2f9fe

Mais escuro: #7bbff4 misturado com preto

  1. 7bbff4
  2. 6aa6d4
  3. 5a8db5
  4. 4a7597
  5. 3a5e7a
  6. 2c485e
  7. 1e3344
  8. 101f2b
  9. 050d14
  10. 010203

Mais acinzentado: #7bbff4 com menos saturação

  1. 7bbff4
  2. 82beee
  3. 89bee8
  4. 8fbde2
  5. 96bddc
  6. 9cbcd6
  7. a1bbd0
  8. a7baca
  9. adb9c4
  10. b2b8bd

Perguntas sobre #7bbff4

Que cor é #7bbff4?

#7bbff4 é um intenso tom claro de azul-celeste. A cor com nome mais próxima é Intenso tom claro de azul-celeste. Em RGB é rgb(123, 191, 244), em HSL hsl(206.28, 84.62%, 71.96%) e em OKLCH oklch(77.964% 0.10273 243.117).

Quais cores combinam com #7bbff4?

A cor complementar de #7bbff4 é #e6a970. Para uma combinação mais tranquila, use as cores análogas #5dc8de e #a1b3f9. As parceiras da tríade são #ef9bb1 e #abc277.

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

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

#7bbff4 é uma cor quente ou fria?

#7bbff4 é uma cor fria. Em OKLCH, o matiz é de 243 graus, a luminosidade 78% e o croma 0.103.