Ir para o seletor de cores

Cor #397ea3: Intenso tom de azul-celeste

#397ea3 é rgb(57, 126, 163) em RGB e oklch(56.478% 0.08976 234.938) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

201 °
100%

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

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
4.48:1Difícil de ler
Lc -76
Texto preto
4.69: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 que você escolhe ou copia aparecem aqui. Elas ficam neste dispositivo.

Sobre #397ea3

#397ea3 é um intenso tom de azul-celeste. Em OKLCH, tem luminosidade 56,5%, croma 0.09 e matiz 235 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 4.48:1 e texto preto a 4.69: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: #397ea3 misturado com branco

  1. 397ea3
  2. 4f8bac
  3. 6397b6
  4. 76a4bf
  5. 8ab1c8
  6. 9dbdd1
  7. b0cada
  8. c4d7e4
  9. d7e5ed
  10. ebf2f6

Mais escuro: #397ea3 misturado com preto

  1. 397ea3
  2. 306d8d
  3. 285c78
  4. 1f4c63
  5. 173c4f
  6. 102d3c
  7. 091f2a
  8. 041119
  9. 01050a
  10. 000101

Mais acinzentado: #397ea3 com menos saturação

  1. 397ea3
  2. 427d9f
  3. 497d9a
  4. 507c96
  5. 567b91
  6. 5c7b8d
  7. 627a88
  8. 677984
  9. 6c787f
  10. 71777a

Perguntas sobre #397ea3

Que cor é #397ea3?

#397ea3 é um intenso tom de azul-celeste. A cor com nome mais próxima é Intenso tom de azul-celeste. Em RGB é rgb(57, 126, 163), em HSL hsl(200.94, 48.18%, 43.14%) e em OKLCH oklch(56.478% 0.08976 234.938).

Quais cores combinam com #397ea3?

A cor complementar de #397ea3 é #9e6740. Para uma combinação mais tranquila, use as cores análogas #1c858f e #5c75ab. As parceiras da tríade são #9f5f79 e #747c3a.

Texto branco ou preto é mais legível sobre #397ea3?

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

#397ea3 é uma cor quente ou fria?

#397ea3 é uma cor fria. Em OKLCH, o matiz é de 235 graus, a luminosidade 56,5% e o croma 0.09.