Ir para o seletor de cores

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

#7bcbec é rgb(123, 203, 236) em RGB e oklch(80.274% 0.09132 226.452) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

198 °
100%

80,3%
0,091
226 °
  • Azul-celeste
  • Claro
  • Suave
  • Fria
  • ≈ Azul-céu
  • sky-300
  • Preto 7%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
1.81:1Difícil de ler
Lc -38
Texto preto
11.60:1Legível · AA
Lc 70

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

#7bcbec é um suave tom claro de azul-celeste. Em OKLCH, tem luminosidade 80,3%, croma 0.091 e matiz 226 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

Mais tons de azul-celeste (claro)

Mais claro: #7bcbec misturado com branco

  1. 7bcbec
  2. 8ad0ee
  3. 98d6f0
  4. a5dbf2
  5. b3e0f4
  6. c0e5f6
  7. ccebf8
  8. d9f0fa
  9. e6f5fc
  10. f2fafd

Mais escuro: #7bcbec misturado com preto

  1. 7bcbec
  2. 6ab0cd
  3. 5a96af
  4. 4a7d92
  5. 3a6576
  6. 2c4d5b
  7. 1e3742
  8. 102229
  9. 050f13
  10. 010203

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

  1. 7bcbec
  2. 83cae8
  3. 8bc9e3
  4. 93c8df
  5. 9ac6da
  6. a0c5d6
  7. a7c4d1
  8. adc3cc
  9. b3c1c8
  10. b9c0c3

Perguntas sobre #7bcbec

Que cor é #7bcbec?

#7bcbec é um suave tom claro de azul-celeste. A cor com nome mais próxima é Suave tom claro de azul-celeste. Em RGB é rgb(123, 203, 236), em HSL hsl(197.52, 74.83%, 70.39%) e em OKLCH oklch(80.274% 0.09132 226.452).

Quais cores combinam com #7bcbec?

A cor complementar de #7bcbec é #f0ad8c. Para uma combinação mais tranquila, use as cores análogas #71d1d2 e #98c1f9. As parceiras da tríade são #eba7cb e #c5c37d.

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

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

#7bcbec é uma cor quente ou fria?

#7bcbec é uma cor fria. Em OKLCH, o matiz é de 226 graus, a luminosidade 80,3% e o croma 0.091.