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 de color y valores para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #00FFFF
- Valor RGB: 0% rojo, 100% verde y 100% azul
Las consideraciones de accesibilidad juegan un papel crucial en la elección de colores para el diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
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.
- Destacar 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 dirigidas a un público más joven a menudo usan el cian para crear una sensación de frescura.
Ten en cuenta que el color y su significado pueden cambiar de una cultura a otra, y en cualquier momento. Si estás diseñando para una audiencia global, investiga las consideraciones de color para tus regiones específicas.
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 combinarlo con:
- Blanco (#FFFFFF) crea un contraste limpio y aireado, destacando el brillo del cian.
- Azul marino (#000080) añade un toque de sofisticación a una paleta monocromática.
- Amarillo (#FFFF00) es una combinación complementaria 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.
Combinar 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.
- Granate (#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 UI, 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
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Serenidad Cian
Tierra Neón
Renacimiento Frío
Comprobador de contraste
Contraste 1,25
- Texto largo
#00FFFF
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 16,75
- Texto largo
#00FFFF
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #00ffff, también llamado 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) |
