Ir para o seletor de cores

Cor #2a99bc: Intenso tom de azul-celeste

#2a99bc é rgb(42, 153, 188) em RGB e oklch(63.788% 0.10817 224.097) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

194 °
100%

63,8%
0,108
224 °
  • Azul-celeste
  • Médio
  • Intenso
  • Fria
  • ≈ Azul-aço
  • cyan-600
  • Preto 26%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
3.29:1Difícil de ler
Lc -65
Texto preto
6.38:1Legível · AA
Lc 44

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 #2a99bc

#2a99bc é um intenso tom de azul-celeste. Em OKLCH, tem luminosidade 63,8%, croma 0.108 e matiz 224 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 3.29:1 e texto preto a 6.38: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: #2a99bc misturado com branco

  1. 2a99bc
  2. 48a3c3
  3. 60adca
  4. 76b8d1
  5. 8bc2d7
  6. 9eccde
  7. b2d6e5
  8. c5e0eb
  9. d9ebf2
  10. ecf5f8

Mais escuro: #2a99bc misturado com preto

  1. 2a99bc
  2. 2384a3
  3. 1c708b
  4. 165d73
  5. 104a5d
  6. 0a3847
  7. 052732
  8. 02171f
  9. 01080d
  10. 000102

Mais sóbrio: #2a99bc com menos saturação

  1. 2a99bc
  2. 3c98b7
  3. 4997b3
  4. 5496ae
  5. 5e94a9
  6. 6793a4
  7. 6f929f
  8. 77909a
  9. 7e8f95
  10. 858d90

Perguntas sobre #2a99bc

Que cor é #2a99bc?

#2a99bc é um intenso tom de azul-celeste. A cor com nome mais próxima é Intenso tom de azul-celeste. Em RGB é rgb(42, 153, 188), em HSL hsl(194.38, 63.48%, 45.1%) e em OKLCH oklch(63.788% 0.10817 224.097).

Quais cores combinam com #2a99bc?

A cor complementar de #2a99bc é #c27553. Para uma combinação mais tranquila, use as cores análogas #06a09f e #5b8ecc. As parceiras da tríade são #b9709c e #968f38.

Texto branco ou preto é mais legível sobre #2a99bc?

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

#2a99bc é uma cor quente ou fria?

#2a99bc é uma cor fria. Em OKLCH, o matiz é de 224 graus, a luminosidade 63,8% e o croma 0.108.