Cor #558ccc: Suave tom de azul
#558ccc é rgb(85, 140, 204) em RGB e oklch(63% 0.11345 253.265) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.
Lido como HEX
- Ctrl Vcole uma cor em qualquer lugar
- Espaçocor aleatória
- Ccopiar HEX
- Azul
- Médio
- Suave
- Fria
- ≈ Azul-aço
- sky-600
- Preto 20%
Dentro do sRGB: aparece igual em qualquer tela.
Tons
Do mais claro ao mais escuro. Clique em um tom para usá-lo.
Harmonias
Abrir como paletaRecentes
As cores em que você para ou que copia aparecem aqui. Elas ficam neste dispositivo.
Sobre #558ccc
#558ccc é um suave tom de azul. Em OKLCH, tem luminosidade 63%, croma 0.113 e matiz 253 °.
Dentro do sRGB: aparece igual em qualquer tela.
Texto branco sobre ela chega a um contraste de 3.49:1 e texto preto a 6.01:1, então o texto branco é mais legível.
A cor com nome mais próxima é Azul-aço (#4682b4). No Tailwind CSS, a cor mais próxima é sky-600.
Mais claro: #558ccc misturado com branco
Mais escuro: #558ccc misturado com preto
Mais sóbrio: #558ccc com menos saturação
Cores com nome parecidas
Cores que combinam com #558ccc
Perguntas sobre #558ccc
Que cor é #558ccc?
#558ccc é um suave tom de azul. A cor com nome mais próxima é Suave tom de azul. Em RGB é rgb(85, 140, 204), em HSL hsl(212.27, 53.85%, 56.67%) e em OKLCH oklch(63% 0.11345 253.265).
Quais cores combinam com #558ccc?
A cor complementar de #558ccc é #b27d2f. Para uma combinação mais tranquila, use as cores análogas #1697bb e #807fcb. As parceiras da tríade são #c46a75 e #6d984e.
Texto branco ou preto é mais legível sobre #558ccc?
O texto branco é mais legível sobre #558ccc: o branco dá uma razão de contraste de 3.49:1 e o preto, 6.01:1. A WCAG AA pede pelo menos 4,5:1 para texto corrido.
#558ccc é uma cor quente ou fria?
#558ccc é uma cor fria. Em OKLCH, o matiz é de 253 graus, a luminosidade 63% e o croma 0.113.