Ir para o seletor de cores

Cor #89bcff: Intenso tom claro de azul

#89bcff é rgb(137, 188, 255) em RGB e oklch(78.541% 0.11036 255.544) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

214 °
100%

78,5%
0,110
256 °
  • Azul
  • Claro
  • Intenso
  • Fria
  • ≈ Azul-bebê
  • blue-300
  • Preto 0%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
1.96:1Difícil de ler
Lc -42
Texto preto
10.70: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 em que você para ou que copia aparecem aqui. Elas ficam neste dispositivo.

Sobre #89bcff

#89bcff é um intenso tom claro de azul. Em OKLCH, tem luminosidade 78,5%, croma 0.11 e matiz 256 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 1.96:1 e texto preto a 10.7: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: #89bcff misturado com branco

  1. 89bcff
  2. 95c3ff
  3. a1caff
  4. add1ff
  5. b8d7ff
  6. c4deff
  7. d0e5ff
  8. dcebff
  9. e7f2ff
  10. f3f8ff

Mais escuro: #89bcff misturado com preto

  1. 89bcff
  2. 76a3de
  3. 648bbe
  4. 53739e
  5. 425d80
  6. 314763
  7. 223248
  8. 141f2e
  9. 070d16
  10. 010203

Mais sóbrio: #89bcff com menos saturação

  1. 89bcff
  2. 8ebcf8
  3. 93bcf1
  4. 98bceb
  5. 9dbce4
  6. a2bbdd
  7. a7bbd6
  8. abbbcf
  9. b0bac7
  10. b4bac0

Perguntas sobre #89bcff

Que cor é #89bcff?

#89bcff é um intenso tom claro de azul. A cor com nome mais próxima é Intenso tom claro de azul. Em RGB é rgb(137, 188, 255), em HSL hsl(214.07, 100%, 76.86%) e em OKLCH oklch(78.541% 0.11036 255.544).

Quais cores combinam com #89bcff?

A cor complementar de #89bcff é #e2af64. Para uma combinação mais tranquila, use as cores análogas #60c8ef e #b2affd. As parceiras da tríade são #f79ba2 e #9ac981.

Texto branco ou preto é mais legível sobre #89bcff?

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

#89bcff é uma cor quente ou fria?

#89bcff é uma cor fria. Em OKLCH, o matiz é de 256 graus, a luminosidade 78,5% e o croma 0.11.