Ir para o seletor de cores

Cor #76afe2: Suave tom claro de azul-celeste

#76afe2 é rgb(118, 175, 226) em RGB e oklch(73.443% 0.09537 246.523) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

208 °
100%

73,4%
0,095
247 °
  • Azul-celeste
  • Claro
  • Suave
  • Fria
  • ≈ Azul-céu
  • slate-400
  • Preto 11%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.33:1Difícil de ler
Lc -51
Texto preto
9.00:1Legível · AA
Lc 58

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 #76afe2

#76afe2 é um suave tom claro de azul-celeste. Em OKLCH, tem luminosidade 73,4%, croma 0.095 e matiz 247 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

Mais tons de azul-celeste (claro)

Mais claro: #76afe2 misturado com branco

  1. 76afe2
  2. 84b7e5
  3. 92bfe8
  4. a0c7ec
  5. adcfef
  6. bbd7f2
  7. c8dff4
  8. d6e7f7
  9. e4effa
  10. f1f7fc

Mais escuro: #76afe2 misturado com preto

  1. 76afe2
  2. 6698c4
  3. 5681a8
  4. 476b8c
  5. 385671
  6. 294157
  7. 1c2e3e
  8. 0f1c27
  9. 050b12
  10. 010103

Mais sóbrio: #76afe2 com menos saturação

  1. 76afe2
  2. 7cafdc
  3. 82aed7
  4. 87aed1
  5. 8cadcc
  6. 91adc6
  7. 96acc0
  8. 9babbb
  9. a0abb5
  10. a4aaaf

Cores com nome parecidas

Cores que combinam com #76afe2

Complementar
#76afe2#d29d66
Análoga
#76afe2#59b8d0#99a4e5
Tríade
#76afe2#dd909f#99b472
Dividida
#76afe2#de947f#baa961

Perguntas sobre #76afe2

Que cor é #76afe2?

#76afe2 é um suave tom claro de azul-celeste. A cor com nome mais próxima é Suave tom claro de azul-celeste. Em RGB é rgb(118, 175, 226), em HSL hsl(208.33, 65.06%, 67.45%) e em OKLCH oklch(73.443% 0.09537 246.523).

Quais cores combinam com #76afe2?

A cor complementar de #76afe2 é #d29d66. Para uma combinação mais tranquila, use as cores análogas #59b8d0 e #99a4e5. As parceiras da tríade são #dd909f e #99b472.

Texto branco ou preto é mais legível sobre #76afe2?

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

#76afe2 é uma cor quente ou fria?

#76afe2 é uma cor fria. Em OKLCH, o matiz é de 247 graus, a luminosidade 73,4% e o croma 0.095.