Ir para o seletor de cores

Cor Azul-elétrico: #7df9ff

Azul-elétrico é #7df9ff, rgb(125, 249, 255) em RGB e oklch(91.32% 0.11128 199.611) em OKLCH. Todos os outros formatos, tons, cores que combinam e paletas estão abaixo.

Lido como HEX

183 °
100%

91,3%
0,111
200 °
  • Ciano
  • Muito claro
  • Intenso
  • Pastel
  • Fria
  • cyan-200
  • Preto 0%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
1.25:1Difícil de ler
Lc -14
Texto preto
16.87:1Legível · AA
Lc 92

Tons

Do mais claro ao mais escuro. Clique em um tom para usá-lo.

Harmonias

Recentes

As cores que você escolhe ou copia aparecem aqui. Elas ficam neste dispositivo.

Também chamada de: Electric blue

Paletas com Azul-elétrico

Cores com nome parecidas

Perguntas sobre Azul-elétrico

Qual é o código HEX de Azul-elétrico?

O código HEX de Azul-elétrico é #7df9ff. Em RGB é rgb(125, 249, 255), em HSL hsl(182.77, 100%, 74.51%) e em OKLCH oklch(91.32% 0.11128 199.611).

Quais cores combinam com Azul-elétrico?

A cor complementar é #ffd1d0. Para um visual mais tranquilo, combine com as cores análogas #91fbd6 e #abedff. Paletas prontas com Azul-elétrico estão nesta página.

Azul-elétrico é uma cor quente ou fria?

Azul-elétrico é uma cor fria, com matiz OKLCH de 200 graus.

Qual cor de texto é legível sobre Azul-elétrico?

O texto preto é mais legível sobre Azul-elétrico: o branco dá uma razão de contraste de 1.25:1 e o preto, 16.87:1. O WCAG AA pede pelo menos 4,5:1 para texto corrido.

Sobre #7df9ff

#7df9ff é um delicado tom muito claro de ciano. Em OKLCH, tem luminosidade 91,3%, croma 0.111 e matiz 200 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Azul-elétrico (#7df9ff). No Tailwind CSS, a cor mais próxima é cyan-200.

Mais tons de ciano (muito claro)

Mais claro: #7df9ff misturado com branco

  1. 7df9ff

Mais escuro: #7df9ff misturado com preto

  1. 7df9ff

Mais acinzentado: #7df9ff com menos saturação

  1. 7df9ff

Cores com nome parecidas

Cores que combinam com #7df9ff

Complementar
#7df9ff
Análoga
#7df9ff
Triádica
#7df9ff
Dividida
#7df9ff