Ir para o seletor de cores

Cor #00a7ff: Intenso tom claro de azul-celeste

#00a7ff é rgb(0, 167, 255) em RGB e oklch(70.039% 0.1705 243.347) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

201 °
100%

70%
0,171
243 °
  • Azul-celeste
  • Claro
  • Intenso
  • Fria
  • ≈ Azur
  • sky-500
  • Preto 0%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.63:1Difícil de ler
Lc -56
Texto preto
7.97:1Legível · AA
Lc 53

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 #00a7ff

#00a7ff é um intenso tom claro de azul-celeste. Em OKLCH, tem luminosidade 70%, croma 0.171 e matiz 243 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 2.63:1 e texto preto a 7.97:1, então o texto preto é mais legível.

A cor com nome mais próxima é Azur (#007fff). No Tailwind CSS, a cor mais próxima é sky-500.

Mais tons de azul-celeste (claro)

Mais claro: #00a7ff misturado com branco

  1. 00a7ff
  2. 3db1ff
  3. 5abaff
  4. 72c3ff
  5. 88ccff
  6. 9dd5ff
  7. b1deff
  8. c5e6ff
  9. d9eeff
  10. ecf7ff

Mais escuro: #00a7ff misturado com preto

  1. 00a7ff
  2. 0091de
  3. 007bbe
  4. 00669e
  5. 005280
  6. 003e63
  7. 002c48
  8. 001a2e
  9. 000a16
  10. 000103

Mais sóbrio: #00a7ff com menos saturação

  1. 00a7ff
  2. 30a7f6
  3. 45a7ec
  4. 55a6e3
  5. 63a6d9
  6. 6fa5d0
  7. 7aa4c6
  8. 84a3bc
  9. 8da1b3
  10. 96a0a9

Perguntas sobre #00a7ff

Que cor é #00a7ff?

#00a7ff é um intenso tom claro de azul-celeste. A cor com nome mais próxima é Intenso tom claro de azul-celeste. Em RGB é rgb(0, 167, 255), em HSL hsl(200.71, 100%, 50%) e em OKLCH oklch(70.039% 0.1705 243.347).

Quais cores combinam com #00a7ff?

A cor complementar de #00a7ff é #e68200. Para uma combinação mais tranquila, use as cores análogas #00b4d3 e #7e93ff. As parceiras da tríade são #f16a94 e #8aaf0a.

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

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

#00a7ff é uma cor quente ou fria?

#00a7ff é uma cor fria. Em OKLCH, o matiz é de 243 graus, a luminosidade 70% e o croma 0.171.