Ir para o seletor de cores

Cor #369fbc: Intenso tom de azul-celeste

#369fbc é rgb(54, 159, 188) em RGB e oklch(65.533% 0.10242 220.098) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

193 °
100%

65,5%
0,102
220 °
  • Azul-celeste
  • Médio
  • Intenso
  • Fria
  • ≈ Azul-aço
  • cyan-600
  • Preto 26%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
3.07:1Difícil de ler
Lc -63
Texto preto
6.84: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 em que você para ou que copia aparecem aqui. Elas ficam neste dispositivo.

Sobre #369fbc

#369fbc é um intenso tom de azul-celeste. Em OKLCH, tem luminosidade 65,5%, croma 0.102 e matiz 220 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 3.07:1 e texto preto a 6.84: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 é cyan-600.

Mais tons de azul-celeste (médio)

Mais claro: #369fbc misturado com branco

  1. 369fbc
  2. 51a9c3
  3. 67b2ca
  4. 7cbcd0
  5. 8fc5d7
  6. a2cfde
  7. b5d9e4
  8. c8e2eb
  9. daecf2
  10. edf5f8

Mais escuro: #369fbc misturado com preto

  1. 369fbc
  2. 2e8aa3
  3. 25758b
  4. 1e6173
  5. 164d5d
  6. 0f3b47
  7. 082932
  8. 03181f
  9. 01090d
  10. 000102

Mais sóbrio: #369fbc com menos saturação

  1. 369fbc
  2. 459eb8
  3. 519db4
  4. 5c9baf
  5. 659aab
  6. 6d99a7
  7. 7597a2
  8. 7d969e
  9. 84949a
  10. 8a9295

Cores com nome parecidas

Cores que combinam com #369fbc

Complementar
#369fbc#c67a60
Análoga
#369fbc#2ca59f#5e95cd
Tríade
#369fbc#bb77a4#9f9242
Dividida
#369fbc#c67582#b98546

Perguntas sobre #369fbc

Que cor é #369fbc?

#369fbc é um intenso tom de azul-celeste. A cor com nome mais próxima é Intenso tom de azul-celeste. Em RGB é rgb(54, 159, 188), em HSL hsl(192.99, 55.37%, 47.45%) e em OKLCH oklch(65.533% 0.10242 220.098).

Quais cores combinam com #369fbc?

A cor complementar de #369fbc é #c67a60. Para uma combinação mais tranquila, use as cores análogas #2ca59f e #5e95cd. As parceiras da tríade são #bb77a4 e #9f9242.

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

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

#369fbc é uma cor quente ou fria?

#369fbc é uma cor fria. Em OKLCH, o matiz é de 220 graus, a luminosidade 65,5% e o croma 0.102.