Saltar al contenido principal

Cian

Todo lo que necesitas saber sobre el cian para inspirar tu próximo diseño.

Crear paleta de colores

Elige un color

Hex

RGB

HSB

HSL

Selecciona la paleta

Paletas personalizadas

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.

color Ciancolor Cian

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

La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.

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.

Este es el texto #00FFFF en un fondo #FFFFFF.
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.

Este es el texto #00FFFF en un fondo #000000.
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.

VALUECSS
HEX#00ffff#00ffff
RGB DECIMAL0, 255, 255RGB(0,255,255)
RGB PERCENTAGE0.0, 100.0, 100.0RGB(0.0%,100.0%,100.0%)
CMYK100, 0, 0, 0
HSLHSL(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
BINARY00000000, 11111111, 11111111
iOS - SwiftUIColor(red: 0.000, green: 1.000, blue: 1.000)
iOS - UIKitUIColor(red: 0.000, green: 1.000, blue: 1.000, alpha: 1)
Android - ComposeColor(0xFF00FFFF)
Crear paleta de colores