Saltar al contenido principal

Azul cielo

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

Crear paleta de colores

Elige un color

Hex

RGB

HSB

HSL

Selecciona la paleta

Paletas personalizadas

El azul cielo es un tono fresco y relajante de azul con sutiles matices verdes. Evoca la serenidad de un cielo despejado. Posicionado entre el azul y el verde en el círculo cromático, el azul cielo es un color refrescante con cualidades calmantes y soñadoras.

color Azul cielocolor Azul cielo

El azul cielo se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.

- Código HEX: #82C8E5

- Valor RGB: 51% rojo, 78.4% verde y 89.8% 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 azul cielo en tus diseños:

  • Transmitir profesionalismo y confianza. El azul cielo combina bien con neutros más claros para una estética limpia y calmada. Usa azul cielo en elementos de navegación para poner a los usuarios a gusto y mejorar la accesibilidad.
  • Evocar tecnología e innovación. El azul cielo se asocia a menudo con productos tecnológicos, software y plataformas de redes sociales. Incorporar azul cielo en tu diseño puede crear un aspecto moderno que transmite tecnología de vanguardia.
  • Destacar información relevante. Usa el llamativo azul cielo para atraer la atención hacia elementos interactivos, movimiento de barras de progreso o CTAs esenciales.

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 frío que el azul cielo, considera:

  • Azul claro (#90D5FF) es un azul-verde más brillante y ligeramente más saturado.
  • Glauco (#678DC6) se inclina hacia un tono más oscuro y sofisticado con fuertes matices azules.
  • Turquesa (#40E0D0) presume de matices verdes saturados y audaces para un tono sereno pero vigorizante.

Para complementar el azul cielo, considera emparejarlo con:

  • Coral (#FF8559) añade energía vibrante al tono calmante del azul cielo.
  • Orquídea (#ED80E9) ilumina el azul cielo para una paleta eléctrica.
  • Verde esmeralda (#00674F) complementa el azul cielo con su rico tono joya.

Otros colores que vale la pena considerar incluyen mimosa para un contraste vibrante y energizante, morado oscuro para una estética refinada y regia, o gris plomo para equilibrar el brillo del azul cielo.

Aunque el azul cielo es fresco, puede chocar con:

  • Naranja quemado (#BE5103) apaga lavibración del azul cielo con su tono rico y terroso.
  • Amarillo mostaza (#FFCE1B) se opone a la frescura calmante del azul cielo y crea un contraste discordante.
  • Rosa (#FF1D8D) domina el azul cielo con una intensidad vibrante que puede causar fatiga visual.
  • Burdeos (#550000) apaga el tono tranquilo y fresco del azul cielo con matices rojos oscuros.
  • Azul real (#305CDE) es más oscuro y rico que el azul cielo, creando una paleta disonante.

El azul cielo simboliza paz y serenidad. Con su suave mezcla de azul y blanco, este color transmite la serenidad de un hermoso día. A menudo se considera un color optimista, evocando cielos despejados y mares abiertos.

En la psicología del color, el azul cielo inspira lealtad, confianza e innovación. También es calmante y relajante, y puede inspirar sentimientos de relajación y esperanza.

En el diseño de interfaces, el azul cielo puede ser un color de fondo efectivo para fomentar la concentración y la relajación. También puedes combinarlo con colores brillantes similares para inspirar creatividad. Crear contraste con el azul cielo puede mejorar la legibilidad en una paleta agradable y refrescante.

El primer uso registrado del azul cielo data de 1681, refiriéndose al color de un cielo despejado. Aunque esta fue la primera vez que apareció el término, el color del cielo probablemente ha cautivado a las culturas humanas durante mucho más tiempo.

Cuando surgieron los tintes sintéticos en el siglo XIX, tonos de azul, como el azul cielo, se hicieron más populares en la ropa, el arte y los textiles. Hoy en día, el azul cielo es un color prominente en el arte, la tecnología, los deportes y el diseño de interiores.

Variantes de color

Sombras

Tintes

Tonos

Matices

Armonías de color

Complementario

Dividido

Monocromático

Análogo

Triádico

Cuadrado

Paletas personalizadas

Baño de hielo

Horizonte cálido

Océano indie

Verificador de contraste

Contraste 1,85

Texto grande

#82C8E5

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #82C8E5 en un fondo #FFFFFF.
Categoría
Desaprobado
Desaprobado
Desaprobado
Desaprobado
Desaprobado
Desaprobado

Contraste 11,34

Texto grande

#82C8E5

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #82C8E5 en un fondo #000000.
Categoría
Aprobado
Aprobado
Aprobado
Aprobado
Aprobado
Aprobado

Simulaciones de color

Protanopia

Deuteranopia

Tritanopia

Acromatopsia

El color hexadecimal #82c8e5, también conocido como Azul cielo, tiene valores RGB de R:130, G:200, B:229 y valores CMYK de C:43, M:13, Y:0, K:10.

VALUECSS
HEX#82c8e5#82c8e5
RGB DECIMAL130, 200, 229RGB(130,200,229)
RGB PERCENTAGE51.0, 78.4, 89.8RGB(51.0%,78.4%,89.8%)
CMYK43, 13, 0, 10
HSLHSL(197.6, 65.6%, 70.4%)HSL(197.6, 65.6%, 70.4%)
HSV (OR HSB)197.6°, 43.2, 89.8
WEB SAFE#153204204#153204204
BINARY10000010, 11001000, 11100101
iOS - SwiftUIColor(red: 0.510, green: 0.784, blue: 0.898)
iOS - UIKitUIColor(red: 0.510, green: 0.784, blue: 0.898, alpha: 1)
Android - ComposeColor(0xFF82C8E5)
Crear paleta de colores