Ir para o seletor de cores

Cor #369bdb: Intenso tom de azul-celeste

#369bdb é rgb(54, 155, 219) em RGB e oklch(66.053% 0.13177 241.143) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

203 °
100%

66,1%
0,132
241 °
  • Azul-celeste
  • Médio
  • Intenso
  • Fria
  • ≈ Azul-aço
  • sky-500
  • Preto 14%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
3.06:1Difícil de ler
Lc -62
Texto preto
6.87:1Legível · AA
Lc 47

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 #369bdb

#369bdb é um intenso tom de azul-celeste. Em OKLCH, tem luminosidade 66,1%, croma 0.132 e matiz 241 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 3.06:1 e texto preto a 6.87: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: #369bdb misturado com branco

  1. 369bdb
  2. 50a5df
  3. 66afe3
  4. 7bbae7
  5. 8ec4eb
  6. a2ceef
  7. b4d8f2
  8. c7e1f6
  9. daebf9
  10. ecf5fc

Mais escuro: #369bdb misturado com preto

  1. 369bdb
  2. 2e86be
  3. 2572a2
  4. 1e5e87
  5. 164b6d
  6. 0f3954
  7. 08283c
  8. 031826
  9. 010911
  10. 000102

Mais acinzentado: #369bdb com menos saturação

  1. 369bdb
  2. 459bd4
  3. 519acd
  4. 5c99c6
  5. 6599bf
  6. 6e98b7
  7. 7697b0
  8. 7d96a9
  9. 8595a1
  10. 8c949a

Perguntas sobre #369bdb

Que cor é #369bdb?

#369bdb é um intenso tom de azul-celeste. A cor com nome mais próxima é Intenso tom de azul-celeste. Em RGB é rgb(54, 155, 219), em HSL hsl(203.27, 69.62%, 53.53%) e em OKLCH oklch(66.053% 0.13177 241.143).

Quais cores combinam com #369bdb?

A cor complementar de #369bdb é #cb7d30. Para uma combinação mais tranquila, use as cores análogas #00a7c0 e #758ce3. As parceiras da tríade são #d36d8d e #869e37.

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

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

#369bdb é uma cor quente ou fria?

#369bdb é uma cor fria. Em OKLCH, o matiz é de 241 graus, a luminosidade 66,1% e o croma 0.132.