Cor Azul-elétrico: código #7DF9FF

Azul-elétrico

#7DF9FF

Códigos da cor

  • HEX#7DF9FF
  • RGBrgb(125, 249, 255)
  • HSLhsl(183, 100%, 75%)
  • HSVhsv(183, 51%, 100%)
  • CMYKcmyk(51%, 2%, 0%, 0%)
  • LABlab(91.4% -33 -13.5)
  • OKLCHoklch(91.3% 0.111 199.6)

Sobre a cor Azul-elétrico

Azul-elétrico tem o código HEX #7DF9FF, que corresponde a rgb(125, 249, 255) no modelo RGB. No círculo cromático, seu matiz fica em 183°, com 100% de saturação e 75% de luminosidade (hsl(183, 100%, 75%)).

Pelo matiz, é percebida como uma cor fria: tende a transmitir calma e distância e a “recuar” visualmente na composição.

Como fundo, pede texto escuro: o preto atinge contraste de 16,86:1 sobre ela, contra 1,24:1 do branco.

Para impressão, a conversão aproximada é cmyk(51%, 2%, 0%, 0%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Azul-elétrico

Complementar

#7DF9FF · #FF8680

Análoga

#80FFC6 · #7DF9FF · #80B9FF

Tríade

#7DF9FF · #FF80F9 · #F9FF80

Tetrádica

#7DF9FF · #C680FF · #FF8680 · #B9FF80

Complementar dividida

#7DF9FF · #FF80B9 · #FFC680

Monocromática

#00F2FF · #4DF6FF · #7DF9FF · #CCFCFF · #FFFFFF

Azul-elétrico com texto branco e preto

Texto branco Aa Bb Cc 123
1,24:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
16,86:1 · AAA

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-electric-blue: #7DF9FF;
  --color-electric-blue-rgb: 125, 249, 255;
}

.elemento {
  background-color: var(--color-electric-blue);
  color: #000000;
}