Ir para o seletor de cores

Cor #369dd0: Intenso tom de azul-celeste

#369dd0 é rgb(54, 157, 208) em RGB e oklch(65.969% 0.11921 234.605) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

200 °
100%

66%
0,119
235 °
  • Azul-celeste
  • Médio
  • Intenso
  • Fria
  • ≈ Azul-aço
  • sky-500
  • Preto 18%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
3.05:1Difícil de ler
Lc -62
Texto preto
6.89: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 #369dd0

#369dd0 é um intenso tom de azul-celeste. Em OKLCH, tem luminosidade 66%, croma 0.119 e matiz 235 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

  1. 369dd0
  2. 50a7d5
  3. 67b1da
  4. 7bbbdf
  5. 8fc5e4
  6. a2cee9
  7. b5d8ed
  8. c7e2f2
  9. daecf6
  10. ecf5fb

Mais escuro: #369dd0 misturado com preto

  1. 369dd0
  2. 2e88b5
  3. 25739a
  4. 1e5f80
  5. 164c67
  6. 0f3a4f
  7. 082839
  8. 031823
  9. 010910
  10. 000102

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

  1. 369dd0
  2. 459cca
  3. 519bc4
  4. 5c9bbe
  5. 659ab8
  6. 6e99b2
  7. 7697ab
  8. 7d96a5
  9. 85959f
  10. 8b9398

Perguntas sobre #369dd0

Que cor é #369dd0?

#369dd0 é um intenso tom de azul-celeste. A cor com nome mais próxima é Intenso tom de azul-celeste. Em RGB é rgb(54, 157, 208), em HSL hsl(199.87, 62.1%, 51.37%) e em OKLCH oklch(65.969% 0.11921 234.605).

Quais cores combinam com #369dd0?

A cor complementar de #369dd0 é #ca7d45. Para uma combinação mais tranquila, use as cores análogas #00a6b4 e #6d90db. As parceiras da tríade são #ca7296 e #919a3b.

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

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

#369dd0 é uma cor quente ou fria?

#369dd0 é uma cor fria. Em OKLCH, o matiz é de 235 graus, a luminosidade 66% e o croma 0.119.