Ir para o seletor de cores

Cor #554ba2: Suave tom escuro de índigo

#554ba2 é rgb(85, 75, 162) em RGB e oklch(46.856% 0.13564 285.115) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

247 °
100%

46,9%
0,136
285 °
  • Índigo
  • Escuro
  • Suave
  • Fria
  • ≈ Safira
  • indigo-800
  • Preto 36%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
7.21:1Legível · AA
Lc -90
Texto preto
2.91:1Difícil de ler
Lc 19

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 #554ba2

#554ba2 é um suave tom escuro de índigo. Em OKLCH, tem luminosidade 46,9%, croma 0.136 e matiz 285 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Safira (#0f52ba). No Tailwind CSS, a cor mais próxima é indigo-800.

Mais tons de índigo (escuro)

Mais claro: #554ba2 misturado com branco

  1. 554ba2
  2. 635dac
  3. 736fb6
  4. 8380c0
  5. 9392c9
  6. a4a4d3
  7. b5b5dc
  8. c7c8e5
  9. dadaee
  10. ececf6

Mais escuro: #554ba2 misturado com preto

  1. 554ba2
  2. 49408c
  3. 3d3577
  4. 312b63
  5. 26214f
  6. 1c173c
  7. 110e2a
  8. 080619
  9. 02020a
  10. 000001

Mais acinzentado: #554ba2 com menos saturação

  1. 554ba2
  2. 554d9b
  3. 555094
  4. 56528d
  5. 565386
  6. 56557f
  7. 575678
  8. 585771
  9. 585969
  10. 595962

Cores com nome parecidas

Cores que combinam com #554ba2

Complementar
#554ba2#655d00
Análoga
#554ba2#195aa4#763e8d
Triádica
#554ba2#953a00#006f49
Dividida
#554ba2#804e00#356a03

Perguntas sobre #554ba2

Que cor é #554ba2?

#554ba2 é um suave tom escuro de índigo. A cor com nome mais próxima é Suave tom escuro de índigo. Em RGB é rgb(85, 75, 162), em HSL hsl(246.9, 36.71%, 46.47%) e em OKLCH oklch(46.856% 0.13564 285.115).

Quais cores combinam com #554ba2?

A cor complementar de #554ba2 é #655d00. Para uma combinação mais tranquila, use as cores análogas #195aa4 e #763e8d. As parceiras da tríade são #953a00 e #006f49.

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

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

#554ba2 é uma cor quente ou fria?

#554ba2 é uma cor fria. Em OKLCH, o matiz é de 285 graus, a luminosidade 46,9% e o croma 0.136.