Ir para o seletor de cores

Cor #64bee2: Suave tom claro de azul-celeste

#64bee2 é rgb(100, 190, 226) em RGB e oklch(75.956% 0.1003 226.516) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

197 °
100%

76%
0,100
227 °
  • Azul-celeste
  • Claro
  • Suave
  • Fria
  • ≈ Azul-céu
  • sky-400
  • Preto 11%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.10:1Difícil de ler
Lc -45
Texto preto
10.01:1Legível · AA
Lc 63

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 #64bee2

#64bee2 é um suave tom claro de azul-celeste. Em OKLCH, tem luminosidade 76%, croma 0.1 e matiz 227 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 2.1:1 e texto preto a 10.01: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-400.

Mais tons de azul-celeste (claro)

Mais claro: #64bee2 misturado com branco

  1. 64bee2
  2. 76c5e5
  3. 87cbe8
  4. 97d2eb
  5. a6d8ee
  6. b5dff1
  7. c4e5f4
  8. d3ecf7
  9. e2f2fa
  10. f0f9fc

Mais escuro: #64bee2 misturado com preto

  1. 64bee2
  2. 56a5c4
  3. 488ca8
  4. 3b758c
  5. 2e5e71
  6. 224857
  7. 16333e
  8. 0b1f27
  9. 030d12
  10. 000203

Mais acinzentado: #64bee2 com menos saturação

  1. 64bee2
  2. 6ebddd
  3. 78bcd8
  4. 80bbd4
  5. 88b9cf
  6. 90b8ca
  7. 97b7c5
  8. 9eb5c0
  9. a4b4bb
  10. abb2b6

Cores com nome parecidas

Cores que combinam com #64bee2

Complementar
#64bee2#e69d7a
Análoga
#64bee2#56c5c6#87b3f0
Triádica
#64bee2#e097be#b9b567
Dividida
#64bee2#ea979b#d5a865

Perguntas sobre #64bee2

Que cor é #64bee2?

#64bee2 é um suave tom claro de azul-celeste. A cor com nome mais próxima é Suave tom claro de azul-celeste. Em RGB é rgb(100, 190, 226), em HSL hsl(197.14, 68.48%, 63.92%) e em OKLCH oklch(75.956% 0.1003 226.516).

Quais cores combinam com #64bee2?

A cor complementar de #64bee2 é #e69d7a. Para uma combinação mais tranquila, use as cores análogas #56c5c6 e #87b3f0. As parceiras da tríade são #e097be e #b9b567.

Texto branco ou preto é mais legível sobre #64bee2?

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

#64bee2 é uma cor quente ou fria?

#64bee2 é uma cor fria. Em OKLCH, o matiz é de 227 graus, a luminosidade 76% e o croma 0.1.