Ir para o seletor de cores

Cor #549cd2: Suave tom de azul-celeste

#549cd2 é rgb(84, 156, 210) em RGB e oklch(66.856% 0.1083 243.064) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

206 °
100%

66,9%
0,108
243 °
  • Azul-celeste
  • Médio
  • Suave
  • Fria
  • ≈ Azul-aço
  • sky-500
  • Preto 18%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.97:1Difícil de ler
Lc -61
Texto preto
7.06:1Legível · AA
Lc 48

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 #549cd2

#549cd2 é um suave tom de azul-celeste. Em OKLCH, tem luminosidade 66,9%, croma 0.108 e matiz 243 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Azul-aço (#4682b4). No Tailwind CSS, a cor mais próxima é sky-500.

Mais tons de azul-celeste (médio)

Mais claro: #549cd2 misturado com branco

  1. 549cd2
  2. 66a6d7
  3. 78b0dc
  4. 89bae1
  5. 9ac4e5
  6. abceea
  7. bcd7ee
  8. cde1f3
  9. ddebf7
  10. eef5fb

Mais escuro: #549cd2 misturado com preto

  1. 549cd2
  2. 4887b6
  3. 3c739b
  4. 315f81
  5. 264c68
  6. 1b3950
  7. 112839
  8. 081824
  9. 020910
  10. 000102

Mais acinzentado: #549cd2 com menos saturação

  1. 549cd2
  2. 5c9ccc
  3. 649bc6
  4. 6b9bc0
  5. 729aba
  6. 7899b4
  7. 7e98ae
  8. 8498a8
  9. 8a97a1
  10. 8f969b

Perguntas sobre #549cd2

Que cor é #549cd2?

#549cd2 é um suave tom de azul-celeste. A cor com nome mais próxima é Suave tom de azul-celeste. Em RGB é rgb(84, 156, 210), em HSL hsl(205.71, 58.33%, 57.65%) e em OKLCH oklch(66.856% 0.1083 243.064).

Quais cores combinam com #549cd2?

A cor complementar de #549cd2 é #c48549. Para uma combinação mais tranquila, use as cores análogas #27a6bc e #7f90d7. As parceiras da tríade são #cc778e e #88a051.

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

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

#549cd2 é uma cor quente ou fria?

#549cd2 é uma cor fria. Em OKLCH, o matiz é de 243 graus, a luminosidade 66,9% e o croma 0.108.