Ir para o seletor de cores

Cor #7bbee2: Suave tom claro de azul-celeste

#7bbee2 é rgb(123, 190, 226) em RGB e oklch(77% 0.08533 232.918) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

201 °
100%

77%
0,085
233 °
  • Azul-celeste
  • Claro
  • Suave
  • Fria
  • ≈ Azul-céu
  • blue-300
  • Preto 11%

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

#7bbee2 é um suave tom claro de azul-celeste. Em OKLCH, tem luminosidade 77%, croma 0.085 e matiz 233 °.

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-céu (#87ceeb). No Tailwind CSS, a cor mais próxima é blue-300.

Mais tons de azul-celeste (claro)

Mais claro: #7bbee2 misturado com branco

  1. 7bbee2
  2. 89c5e5
  3. 97cbe8
  4. a4d2eb
  5. b1d8ee
  6. bedff1
  7. cbe5f4
  8. d8ecf7
  9. e5f2fa
  10. f2f9fc

Mais escuro: #7bbee2 misturado com preto

  1. 7bbee2
  2. 6aa5c4
  3. 5a8ca8
  4. 4a758c
  5. 3a5e71
  6. 2c4857
  7. 1e333e
  8. 101f27
  9. 050d12
  10. 010203

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

  1. 7bbee2
  2. 82bdde
  3. 88bcd9
  4. 8ebbd4
  5. 94bbd0
  6. 9abacb
  7. a0b9c7
  8. a5b7c2
  9. aab6bd
  10. afb5b9

Perguntas sobre #7bbee2

Que cor é #7bbee2?

#7bbee2 é um suave tom claro de azul-celeste. A cor com nome mais próxima é Suave tom claro de azul-celeste. Em RGB é rgb(123, 190, 226), em HSL hsl(200.97, 63.98%, 68.43%) e em OKLCH oklch(77% 0.08533 232.918).

Quais cores combinam com #7bbee2?

A cor complementar de #7bbee2 é #e0a581. Para uma combinação mais tranquila, use as cores análogas #6dc5cc e #98b4eb. As parceiras da tríade são #e09eb9 e #b4ba7a.

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

O texto preto é mais legível sobre #7bbee2: 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.

#7bbee2 é uma cor quente ou fria?

#7bbee2 é uma cor fria. Em OKLCH, o matiz é de 233 graus, a luminosidade 77% e o croma 0.085.