Ir para o seletor de cores

Cor #00a2cc: Intenso tom de azul-celeste

#00a2cc é rgb(0, 162, 204) em RGB e oklch(66.235% 0.12522 224.752) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

192 °
100%

66,2%
0,125
225 °
  • Azul-celeste
  • Médio
  • Intenso
  • Fria
  • ≈ Azul-aço
  • cyan-600
  • Preto 20%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.98:1Difícil de ler
Lc -61
Texto preto
7.04: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 #00a2cc

#00a2cc é um intenso tom de azul-celeste. Em OKLCH, tem luminosidade 66,2%, croma 0.125 e matiz 225 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 2.98:1 e texto preto a 7.04: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: #00a2cc misturado com branco

  1. 00a2cc
  2. 3bacd1
  3. 59b5d7
  4. 71bedc
  5. 87c8e1
  6. 9cd1e6
  7. b0daec
  8. c4e4f1
  9. d8edf5
  10. ebf6fa

Mais escuro: #00a2cc misturado com preto

  1. 00a2cc
  2. 008cb1
  3. 007797
  4. 00637e
  5. 004f65
  6. 003c4e
  7. 002a37
  8. 001922
  9. 000a0f
  10. 000102

Mais acinzentado: #00a2cc com menos saturação

  1. 00a2cc
  2. 2da1c6
  3. 41a0c1
  4. 509ebb
  5. 5d9db6
  6. 689cb0
  7. 729aaa
  8. 7b98a4
  9. 83979f
  10. 8b9599

Perguntas sobre #00a2cc

Que cor é #00a2cc?

#00a2cc é um intenso tom de azul-celeste. A cor com nome mais próxima é Intenso tom de azul-celeste. Em RGB é rgb(0, 162, 204), em HSL hsl(192.35, 100%, 40%) e em OKLCH oklch(66.235% 0.12522 224.752).

Quais cores combinam com #00a2cc?

A cor complementar de #00a2cc é #d1784f. Para uma combinação mais tranquila, use as cores análogas #00aaaa e #5b95de. As parceiras da tríade são #c872a5 e #9f962a.

Texto branco ou preto é mais legível sobre #00a2cc?

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

#00a2cc é uma cor quente ou fria?

#00a2cc é uma cor fria. Em OKLCH, o matiz é de 225 graus, a luminosidade 66,2% e o croma 0.125.