Ir para o seletor de cores

Cor #313366: Suave tom escuro de índigo

#313366 é rgb(49, 51, 102) em RGB e oklch(34.713% 0.0875 279.108) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

238 °
100%

34,7%
0,088
279 °
  • Índigo
  • Escuro
  • Suave
  • Fria
  • ≈ Carvão
  • slate-700
  • Preto 60%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
11.69:1Legível · AA
Lc -100
Texto preto
1.80:1Difícil de ler
Lc 0

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 #313366

#313366 é um suave tom escuro de índigo. Em OKLCH, tem luminosidade 34,7%, croma 0.088 e matiz 279 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Carvão (#36454f). No Tailwind CSS, a cor mais próxima é slate-700.

Mais tons de índigo (escuro)

Mais claro: #313366 misturado com branco

  1. 313366
  2. 424675
  3. 545984
  4. 686c93
  5. 7b80a2
  6. 9094b2
  7. a5a9c1
  8. bbbed0
  9. d1d3e0
  10. e8e9ef

Mais escuro: #313366 misturado com preto

  1. 313366
  2. 292b58
  3. 22234a
  4. 1a1c3c
  5. 13142f
  6. 0c0d23
  7. 060717
  8. 03030c
  9. 010104
  10. 000000

Mais acinzentado: #313366 com menos saturação

  1. 313366
  2. 323462
  3. 32355d
  4. 333659
  5. 343755
  6. 353750
  7. 36384c
  8. 373948
  9. 383943
  10. 39393e

Perguntas sobre #313366

Que cor é #313366?

#313366 é um suave tom escuro de índigo. A cor com nome mais próxima é Suave tom escuro de índigo. Em RGB é rgb(49, 51, 102), em HSL hsl(237.74, 35.1%, 29.61%) e em OKLCH oklch(34.713% 0.0875 279.108).

Quais cores combinam com #313366?

A cor complementar de #313366 é #453900. Para uma combinação mais tranquila, use as cores análogas #0a3c65 e #472b5c. As parceiras da tríade são #5e2613 e #004728.

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

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

#313366 é uma cor quente ou fria?

#313366 é uma cor fria. Em OKLCH, o matiz é de 279 graus, a luminosidade 34,7% e o croma 0.088.