Ir al selector de color

Color Azul eléctrico: #7df9ff

Azul eléctrico es #7df9ff, rgb(125, 249, 255) en RGB y oklch(91.32% 0.11128 199.611) en OKLCH. Abajo tienes los demás formatos, tonos, colores que combinan y paletas.

Interpretado como HEX

183°
100 %

91,3 %
0,111
200°
  • Cian
  • Muy claro
  • Intenso
  • Pastel
  • Frío
  • cyan-200
  • Negro 0 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
1.25:1Difícil de leer
Lc -14
Texto negro
16.87:1Legible · AA
Lc 92

Tonos

Del más claro al más oscuro. Haz clic en un tono para usarlo.

Armonías

Recientes

Aquí aparecen los colores que eliges o copias. Se quedan en este dispositivo.

También llamado: Electric blue

Paletas con Azul eléctrico

Colores con nombre parecidos

Preguntas sobre Azul eléctrico

¿Cuál es el código HEX de Azul eléctrico?

El código HEX de Azul eléctrico es #7df9ff. En RGB es rgb(125, 249, 255), en HSL hsl(182.77, 100%, 74.51%) y en OKLCH oklch(91.32% 0.11128 199.611).

¿Qué colores combinan con Azul eléctrico?

Su color complementario es #ffd1d0. Para un resultado más tranquilo, combínalo con los colores análogos #91fbd6 y #abedff. En esta página tienes paletas listas con Azul eléctrico.

¿Azul eléctrico es un color cálido o frío?

Azul eléctrico es un color frío con un matiz OKLCH de 200 grados.

¿Qué color de texto se lee bien sobre Azul eléctrico?

Sobre Azul eléctrico se lee mejor el texto negro: el blanco da una relación de contraste de 1.25:1 y el negro de 16.87:1. WCAG AA pide al menos 4,5:1 para el texto normal.

Sobre #7df9ff

#7df9ff es un delicado tono muy claro de cian. En OKLCH tiene una luminosidad de 91,3 %, un croma de 0.111 y un matiz de 200°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 1.25:1 y el negro 16.87:1, así que se lee mejor el texto negro.

El color con nombre más cercano es Azul eléctrico (#7df9ff). En Tailwind CSS el más cercano es cyan-200.

Más tonos de cian: muy claro

Más claro: #7df9ff mezclado con blanco

  1. 7df9ff

Más oscuro: #7df9ff mezclado con negro

  1. 7df9ff

Más sobrio: #7df9ff con menos saturación

  1. 7df9ff

Colores con nombre parecidos

Colores que combinan con #7df9ff

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