El cian es un color brillante y vibrante que se encuentra directamente entre el azul y el verde en el círculo cromático. Pertenece al espectro de tonos fríos y tiene una cualidad clara y acuosa. Aunque es similar al azul eléctrico, el cian presenta un matiz ligeramente más verde, resultando en un tono más frío y sutil.

El cian se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código HEX: #00FFFF
- Valor RGB: 0% rojo, 100% verde y 100% azul
Aquí hay algunas formas de usar el cian en tus diseños:
- Promover la tranquilidad. El tono refrescante y frío del cian es perfecto para sitios web o aplicaciones que promueven la relajación, la productividad o el bienestar mental.
- Resaltar elementos clave. La vibrante tonalidad del cian atrae la atención hacia elementos importantes como enlaces, botones o elementos de menú.
- Transmitir creatividad e innovación. Las empresas tecnológicas y las marcas que apuntan a un público joven a menudo usan el cian para crear una sensación de frescura.
Ten en cuenta que el color y su significado pueden variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.
Para variaciones dentro del mismo espectro azul-verde brillante que el cian, considera:
- Azul eléctrico (#00F0FF) es similar al cian en vibrancia pero se inclina más hacia el azul.
- Aqua (#00FFF0) se inclina más hacia el verde pero comparte un tono frío similar al cian.
- Turquesa (#40E0D0) es un tono azul-verde similar pero más verde y oscuro que el cian.
Para complementar el cian, considera emparejarlo con:
- Blanco (#FFFFFF) crea un contraste limpio y aireado, resaltando el brillo del cian.
- Azul marino (#000080) añade un toque de sofisticación a una paleta monocromática.
- Amarillo (#FFFF00) es un emparejamiento complementario al cian, creando una sensación de alta energía.
- Gunmetal (#353E43) es un gris oscuro que le da al cian un efecto moderno y dramático.
- Rojo pastel (#FF746C) es un contrapunto suave a la frescura del cian, creando una combinación llamativa.
Emparejar el cian con colores complementarios como el magenta y el amarillo crea diseños audaces y llamativos. Para algo más relajado, combínalo con tonos de azul o neutros como el gris y el beige.
Aunque el cian es brillante y de tono frío, puede chocar con:
- Mimosa (#F2B949) es un amarillo que se inclina hacia lo cálido debido a sus matices naranjas, lo que choca con la naturaleza de tono frío del cian.
- Salvia (#BBB791) es un verde apagado que puede parecer opaco junto al brillo del cian, creando una falta de contraste.
- Burdeos (#550000) puede dominar al cian, haciéndolo parecer desequilibrado.
- Marrón (#895129) puede enturbiar la vibrancia del cian, creando una sensación pesada.
En la cultura china, el cian es un color de la suerte asociado con la esperanza y el honor. La mitología china presenta al Dragón Azure (a menudo representado en tonos cian) como el guardián del Este, simbolizando la primavera, la naturaleza y la energía vital.
En la psicología del color, el cian se asocia con la serenidad y la claridad mental. Se cree que sus tonos fríos mejoran la concentración y promueven una atmósfera tranquila y enfocada, lo que lo hace ideal para entornos donde la calma y el pensamiento claro son objetivos. La conexión del color con escenas naturales refrescantes, como aguas tropicales y paisajes helados, ayuda a evocar una sensación de vitalidad y rejuvenecimiento.
En el diseño de interfaces, la vibrancia del cian puede atraer la atención hacia elementos esenciales. Su estética limpia y moderna encaja bien con las tendencias de diseño contemporáneo, añadiendo un aspecto fresco y dinámico a las interfaces digitales.
La palabra “cian” proviene de la antigua palabra griega “kyanos”, que se refería a un mineral azul profundo utilizado para crear pigmento. Este pigmento era apreciado por su color rico y se usaba para crear tintes azules lujosos para textiles y obras de arte.
La palabra “cian” para describir el color es relativamente nueva. Se usó por primera vez en inglés en 1879 por un impresor y fotógrafo, Edward Steichen. La utilizó para describir uno de los colores en su impresión del espectro solar. Esto fue significativo porque hizo una clara distinción entre el cian y la categoría más amplia de tonos azul-verde.
Hoy en día, el cian se utiliza como un color primario en el modelo de color CMYK para impresión. Este modelo se basa en el cian, magenta, amarillo y negro para crear el espectro de colores impresos.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Serenidad Cian
Tierra Neón
Renacimiento Frío
Verificador de contraste
Contraste 1,25
- Texto grande
#00FFFF
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 16,75
- Texto grande
#00FFFF
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #00ffff, también conocido como Cian, tiene valores RGB de R:0, G:255, B:255 y valores CMYK de C:100, M:0, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #00ffff | #00ffff |
| RGB DECIMAL | 0, 255, 255 | RGB(0,255,255) |
| RGB PERCENTAGE | 0.0, 100.0, 100.0 | RGB(0.0%,100.0%,100.0%) |
| CMYK | 100, 0, 0, 0 | |
| HSL | HSL(180.0, 100.0%, 50.0%) | HSL(180.0, 100.0%, 50.0%) |
| HSV (OR HSB) | 180.0°, 100.0, 100.0 | |
| WEB SAFE | #0255255 | #0255255 |
| BINARY | 00000000, 11111111, 11111111 | |
| iOS - SwiftUI | Color(red: 0.000, green: 1.000, blue: 1.000) | |
| iOS - UIKit | UIColor(red: 0.000, green: 1.000, blue: 1.000, alpha: 1) | |
| Android - Compose | Color(0xFF00FFFF) |


