Ir para o seletor de cores

Cor #554fa3: Suave tom escuro de índigo

#554fa3 é rgb(85, 79, 163) em RGB e oklch(47.683% 0.1312 283.46) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

244 °
100%

47,7%
0,131
283 °
  • Índigo
  • Escuro
  • Suave
  • Fria
  • ≈ Safira
  • sky-700
  • Preto 36%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
6.92:1Legível · AA
Lc -89
Texto preto
3.03:1Difícil de ler
Lc 20

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

#554fa3 é um suave tom escuro de índigo. Em OKLCH, tem luminosidade 47,7%, croma 0.131 e matiz 283 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 6.92:1 e texto preto a 3.03: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 é sky-700.

Mais tons de índigo (escuro)

Mais claro: #554fa3 misturado com branco

  1. 554fa3
  2. 6460ad
  3. 7372b7
  4. 8383c0
  5. 9394ca
  6. a4a5d3
  7. b6b7dc
  8. c7c9e5
  9. dadbee
  10. ecedf7

Mais escuro: #554fa3 misturado com preto

  1. 554fa3
  2. 49448d
  3. 3d3878
  4. 312e63
  5. 26234f
  6. 1c193c
  7. 11102a
  8. 080719
  9. 02020a
  10. 000001

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

  1. 554fa3
  2. 55519c
  3. 565395
  4. 56558f
  5. 575688
  6. 585881
  7. 58597a
  8. 595a73
  9. 5a5b6b
  10. 5b5c64

Cores com nome parecidas

Cores que combinam com #554fa3

Complementar
#554fa3#695e00
Análoga
#554fa3#1a5da4#764290
Triádica
#554fa3#963e0f#007248
Dividida
#554fa3#844f00#3c6b09

Perguntas sobre #554fa3

Que cor é #554fa3?

#554fa3 é um suave tom escuro de índigo. A cor com nome mais próxima é Suave tom escuro de índigo. Em RGB é rgb(85, 79, 163), em HSL hsl(244.29, 34.71%, 47.45%) e em OKLCH oklch(47.683% 0.1312 283.46).

Quais cores combinam com #554fa3?

A cor complementar de #554fa3 é #695e00. Para uma combinação mais tranquila, use as cores análogas #1a5da4 e #764290. As parceiras da tríade são #963e0f e #007248.

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

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

#554fa3 é uma cor quente ou fria?

#554fa3 é uma cor fria. Em OKLCH, o matiz é de 283 graus, a luminosidade 47,7% e o croma 0.131.