Ir al selector de color

Color Aqua: #00ffff

Aqua es #00ffff, rgb(0, 255, 255) en RGB y oklch(90.54% 0.15455 194.769) en OKLCH. Abajo tienes los demás formatos, tonos, colores que combinan y paletas.

Interpretado como HEX

180°
100 %

90,5 %
0,155
195°
  • Cian
  • Muy claro
  • Intenso
  • Frío
  • cyan-300
  • Negro 0 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
1.25:1Difícil de leer
Lc -14
Texto negro
16.75: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: Agua

Paletas con Aqua

Colores con nombre parecidos

Preguntas sobre Aqua

¿Cuál es el código HEX de Aqua?

El código HEX de Aqua es #00ffff. En RGB es rgb(0, 255, 255), en HSL hsl(180, 100%, 50%) y en OKLCH oklch(90.54% 0.15455 194.769).

¿Qué colores combinan con Aqua?

Su color complementario es #ffcdd1. Para un resultado más tranquilo, combínalo con los colores análogos #67ffc6 y #9cedff. En esta página tienes paletas listas con Aqua.

¿Aqua es un color cálido o frío?

Aqua es un color frío con un matiz OKLCH de 195 grados.

¿Qué color de texto se lee bien sobre Aqua?

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

Sobre #00ffff

#00ffff es un intenso tono muy claro de cian. En OKLCH tiene una luminosidad de 90,5 %, un croma de 0.155 y un matiz de 195°.

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.75:1, así que se lee mejor el texto negro.

El color con nombre más cercano es Aqua (#00ffff). En Tailwind CSS el más cercano es cyan-300.

Más tonos de cian: muy claro

Más claro: #00ffff mezclado con blanco

  1. 00ffff

Más oscuro: #00ffff mezclado con negro

  1. 00ffff
  2. 008080

Más sobrio: #00ffff con menos saturación

  1. 00ffff

Colores con nombre parecidos

Colores que combinan con #00ffff

Complementaria
#00ffff
Análoga
#00ffff
Triádica
#00ffff
Dividida
#00ffff