Ir para o seletor de cores

Cor #5bbcdc: Intenso tom claro de azul-celeste

#5bbcdc é rgb(91, 188, 220) em RGB e oklch(74.906% 0.10167 222.365) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

195 °
100%

74,9%
0,102
222 °
  • Azul-celeste
  • Claro
  • Intenso
  • Fria
  • ≈ Azul-céu
  • cyan-500
  • Preto 14%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.17:1Difícil de ler
Lc -47
Texto preto
9.67:1Legível · AA
Lc 61

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 #5bbcdc

#5bbcdc é um intenso tom claro de azul-celeste. Em OKLCH, tem luminosidade 74,9%, croma 0.102 e matiz 222 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 2.17:1 e texto preto a 9.67: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 é cyan-500.

Mais tons de azul-celeste (claro)

Mais claro: #5bbcdc misturado com branco

  1. 5bbcdc
  2. 6fc3e0
  3. 81cae3
  4. 92d0e7
  5. a2d7eb
  6. b2deee
  7. c2e5f2
  8. d1ebf5
  9. e1f2f8
  10. f0f8fc

Mais escuro: #5bbcdc misturado com preto

  1. 5bbcdc
  2. 4ea3bf
  3. 418ba3
  4. 357388
  5. 295d6e
  6. 1e4754
  7. 13323c
  8. 091f26
  9. 030d11
  10. 000202

Mais acinzentado: #5bbcdc com menos saturação

  1. 5bbcdc
  2. 67bbd7
  3. 71bad3
  4. 7ab8ce
  5. 83b7ca
  6. 8bb5c5
  7. 92b4c0
  8. 9ab2bc
  9. a0b1b7
  10. a7afb2

Perguntas sobre #5bbcdc

Que cor é #5bbcdc?

#5bbcdc é um intenso tom claro de azul-celeste. A cor com nome mais próxima é Intenso tom claro de azul-celeste. Em RGB é rgb(91, 188, 220), em HSL hsl(194.88, 64.82%, 60.98%) e em OKLCH oklch(74.906% 0.10167 222.365).

Quais cores combinam com #5bbcdc?

A cor complementar de #5bbcdc é #e4987a. Para uma combinação mais tranquila, use as cores análogas #51c2bf e #7eb2ed. As parceiras da tríade são #db94bf e #bab061.

Texto branco ou preto é mais legível sobre #5bbcdc?

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

#5bbcdc é uma cor quente ou fria?

#5bbcdc é uma cor fria. Em OKLCH, o matiz é de 222 graus, a luminosidade 74,9% e o croma 0.102.