Ir para o seletor de cores

Cor #97bbdc: Esmaecido tom claro de azul-celeste

#97bbdc é rgb(151, 187, 220) em RGB e oklch(77.718% 0.06128 246.346) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

209 °
100%

77,7%
0,061
246 °
  • Azul-celeste
  • Claro
  • Suave
  • Esmaecido
  • Fria
  • ≈ Azul-céu
  • blue-300
  • Preto 14%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.01:1Difícil de ler
Lc -43
Texto preto
10.46: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 #97bbdc

#97bbdc é um esmaecido tom claro de azul-celeste. Em OKLCH, tem luminosidade 77,7%, croma 0.061 e matiz 246 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 2.01:1 e texto preto a 10.46: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: #97bbdc misturado com branco

  1. 97bbdc
  2. a1c2e0
  3. acc8e3
  4. b6cfe7
  5. c0d6ea
  6. cbddee
  7. d5e4f1
  8. dfeaf5
  9. eaf1f8
  10. f4f8fc

Mais escuro: #97bbdc misturado com preto

  1. 97bbdc
  2. 83a2bf
  3. 6f8aa3
  4. 5c7388
  5. 495c6e
  6. 374654
  7. 26323c
  8. 171f26
  9. 080d11
  10. 010202

Mais sóbrio: #97bbdc com menos saturação

  1. 97bbdc
  2. 9abbd8
  3. 9ebad5
  4. a1bad1
  5. a4b9cd
  6. a7b9c9
  7. aab8c6
  8. adb8c2
  9. b0b7be
  10. b3b7ba

Cores com nome parecidas

Cores que combinam com #97bbdc

Complementar
#97bbdc#d2af8d
Análoga
#97bbdc#89c1d0#acb4de
Tríade
#97bbdc#daa7b0#acbe94
Dividida
#97bbdc#daa99c#c2b78a

Perguntas sobre #97bbdc

Que cor é #97bbdc?

#97bbdc é um esmaecido tom claro de azul-celeste. A cor com nome mais próxima é Esmaecido tom claro de azul-celeste. Em RGB é rgb(151, 187, 220), em HSL hsl(208.7, 49.64%, 72.75%) e em OKLCH oklch(77.718% 0.06128 246.346).

Quais cores combinam com #97bbdc?

A cor complementar de #97bbdc é #d2af8d. Para uma combinação mais tranquila, use as cores análogas #89c1d0 e #acb4de. As parceiras da tríade são #daa7b0 e #acbe94.

Texto branco ou preto é mais legível sobre #97bbdc?

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

#97bbdc é uma cor quente ou fria?

#97bbdc é uma cor fria. Em OKLCH, o matiz é de 246 graus, a luminosidade 77,7% e o croma 0.061.