Ir para o seletor de cores

Cor #377ea2: Intenso tom de azul-celeste

#377ea2 é rgb(55, 126, 162) em RGB e oklch(56.356% 0.08981 233.642) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

200 °
100%

56,4%
0,090
234 °
  • Azul-celeste
  • Médio
  • Intenso
  • Fria
  • ≈ Cerúleo
  • cyan-700
  • Preto 36%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
4.50:1Difícil de ler
Lc -76
Texto preto
4.67:1Legível · AA
Lc 33

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 #377ea2

#377ea2 é um intenso tom de azul-celeste. Em OKLCH, tem luminosidade 56,4%, croma 0.09 e matiz 234 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 4.5:1 e texto preto a 4.67:1, então o texto branco é mais legível.

A cor com nome mais próxima é Cerúleo (#007ba7). No Tailwind CSS, a cor mais próxima é cyan-700.

Mais tons de azul-celeste (médio)

Mais claro: #377ea2 misturado com branco

  1. 377ea2
  2. 4d8bab
  3. 6297b5
  4. 76a4be
  5. 89b1c7
  6. 9cbdd1
  7. b0cada
  8. c3d7e3
  9. d7e5ec
  10. ebf2f6

Mais escuro: #377ea2 misturado com preto

  1. 377ea2
  2. 2e6d8c
  3. 265c77
  4. 1e4c63
  5. 163c4f
  6. 0f2d3c
  7. 081f2a
  8. 031119
  9. 01050a
  10. 000101

Mais sóbrio: #377ea2 com menos saturação

  1. 377ea2
  2. 407d9e
  3. 487d99
  4. 4f7c95
  5. 557b91
  6. 5b7a8c
  7. 617988
  8. 667983
  9. 6c787f
  10. 71767a

Perguntas sobre #377ea2

Que cor é #377ea2?

#377ea2 é um intenso tom de azul-celeste. A cor com nome mais próxima é Intenso tom de azul-celeste. Em RGB é rgb(55, 126, 162), em HSL hsl(200.19, 49.31%, 42.55%) e em OKLCH oklch(56.356% 0.08981 233.642).

Quais cores combinam com #377ea2?

A cor complementar de #377ea2 é #9f6640. Para uma combinação mais tranquila, use as cores análogas #1b858d e #5a75ab. As parceiras da tríade são #9e5f79 e #757b39.

Texto branco ou preto é mais legível sobre #377ea2?

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

#377ea2 é uma cor quente ou fria?

#377ea2 é uma cor fria. Em OKLCH, o matiz é de 234 graus, a luminosidade 56,4% e o croma 0.09.