Círculo cromático de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con el gris azulado?
El gris azulado combina la calma y tranquilidad del azul con la neutralidad del gris. Este tono frío y apagado se sitúa entre el azul y el violeta en el círculo cromático, inclinándose más hacia el azul. Sus matices grises pueden evocar sentimientos de melancolía, pero sus tonos azules pueden ayudar a crear un estado de tranquilidad.
El gris azulado se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #6A89A7
- Valor RGB: 41.6% rojo, 53.7% verde, y 65.5% azul
Las consideraciones de accesibilidad juegan un papel crucial en la elección de colores en el diseño de UX e interfaces. Figma ofrece plugins en la Comunidad para asegurarte de que tus diseños cumplan con las Web Content Accessibility Guidelines.
Aquí hay algunas formas de incorporar el gris azulado en tus diseños de interfaces:
- Proporcionar retroalimentación visual. El gris azulado es excelente para proporcionar retroalimentación visual que reconozca la interacción del usuario, como confirmar una acción completada, mostrar el progreso del usuario o validar la entrada del usuario. Por ejemplo, cuando los usuarios necesitan ingresar información, un color llamativo como el rojo puede ayudarles a entender qué campos requieren atención, mientras que el gris azulado puede indicar qué campos están completos.
- Crear contraste visual. Usar el gris azulado para fondos puede proporcionar una base neutral que no abrume otros elementos en una página, como texto, botones o íconos, proporcionando una cantidad equilibrada de contraste visual sin ser abrumador.
- Transmitir profesionalismo. El gris azulado a menudo se asocia con profesionalismo y confiabilidad, lo que lo convierte en una excelente opción para aplicaciones o sitios web en las industrias de finanzas, negocios y salud.
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 frío que el gris azulado, considera:
- Gris (#898989) encarna una mezcla ligera de negro y blanco, con su matiz en el núcleo del gris azulado.
- Plata (#C4C4C4) comparte un tinte azulado similar, capturando una esencia metálica.
- Azul cadete (#5F9EA0) también pertenece a la familia de colores azulados-grisáceos pero tiene un matiz verdoso.
- Azul pastel (#B3EBF2) ofrece un tono más suave y claro, proporcionando un lavado ligero de color.
Para complementar el gris azulado, considera emparejarlo con:
- Negro (#000000) proporciona un fuerte contraste cuando se combina con un fondo gris azulado.
- Crema (#FDFBD4) añade un toque de calidez para crear una paleta de colores serena y calmante.
- Lavanda (#D3D3FF) comparte un tono apagado similar, creando una combinación de colores suave y encantadora.
- Azul medianoche (#272757) ofrece un contraste audaz para un esquema de color sofisticado y profesional.
Otros colores a considerar incluyen el beige para añadir calidez a la frescura del gris azulado, verde salvia para un esquema de color terroso, o amarillo mostaza para añadir contraste visual al tono apagado del gris azulado.
Aunque el gris azulado es sutil, puede chocar con:
- Verde neón (#2CFF05) puede chocar con el gris azulado debido a su alta saturación y contraste.
- Rosa fuerte (#FF69B4) puede crear un esquema de color desequilibrado, luciendo visualmente intenso cuando se combina con el gris azulado.
- Azul acero (#4682B4) es un poco más oscuro que el gris azulado, pero su tono similar puede no proporcionar suficiente contraste visual cuando se combinan.
- Fucsia (#FE3894) puede dominar al gris azulado debido a su apariencia extremadamente brillante.
El simbolismo del gris azulado puede variar debido a su combinación de tonos azules y grises. El gris azulado puede simbolizar calma y tranquilidad debido a su matiz azul o una sensación de frescura, simbólica del aire fresco de la mañana o una mañana brumosa.
En la psicología del color, el gris azulado puede evocar sentimientos de desapego, tristeza e incertidumbre debido a su tono. Pero con su influencia azul, este tono frío también puede promover sentimientos de paz y relajación.
Puedes usar el gris azulado en el diseño de interfaces para crear una paleta de colores profesional y moderna, ya que este tono puede transmitir una sensación de confiabilidad y seguridad. Es una opción de color versátil que puede añadir un toque de sofisticación sin ser demasiado llamativo o distractor.
El tono gris azulado se registró por primera vez en inglés en 1622 con el nombre de color “livid,” derivado de la palabra latina “lividus,” que significa un color azul apagado. En latín, la palabra describe la decoloración de la piel magullada, similar a la frase en inglés “black and blue.”
Aunque no está claro el surgimiento del nombre de color “gray-blue,” Crayola introdujo el nombre de tono “gray-blue” a finales de la década de 1950 como un color distintivo en su colección de crayones.
El gris azulado combina la calma y tranquilidad del azul con la neutralidad del gris. Este tono frío y apagado se sitúa entre el azul y el violeta en el círculo cromático, inclinándose más hacia el azul. Sus matices grises pueden evocar sentimientos de melancolía, pero sus tonos azules pueden ayudar a crear un estado de tranquilidad.
El gris azulado se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #6A89A7
- Valor RGB: 41.6% rojo, 53.7% verde, y 65.5% azul
Las consideraciones de accesibilidad juegan un papel crucial en la elección de colores en el diseño de UX e interfaces. Figma ofrece plugins en la Comunidad para asegurarte de que tus diseños cumplan con las Web Content Accessibility Guidelines.
Aquí hay algunas formas de incorporar el gris azulado en tus diseños de interfaces:
- Proporcionar retroalimentación visual. El gris azulado es excelente para proporcionar retroalimentación visual que reconozca la interacción del usuario, como confirmar una acción completada, mostrar el progreso del usuario o validar la entrada del usuario. Por ejemplo, cuando los usuarios necesitan ingresar información, un color llamativo como el rojo puede ayudarles a entender qué campos requieren atención, mientras que el gris azulado puede indicar qué campos están completos.
- Crear contraste visual. Usar el gris azulado para fondos puede proporcionar una base neutral que no abrume otros elementos en una página, como texto, botones o íconos, proporcionando una cantidad equilibrada de contraste visual sin ser abrumador.
- Transmitir profesionalismo. El gris azulado a menudo se asocia con profesionalismo y confiabilidad, lo que lo convierte en una excelente opción para aplicaciones o sitios web en las industrias de finanzas, negocios y salud.
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 frío que el gris azulado, considera:
- Gris (#898989) encarna una mezcla ligera de negro y blanco, con su matiz en el núcleo del gris azulado.
- Plata (#C4C4C4) comparte un tinte azulado similar, capturando una esencia metálica.
- Azul cadete (#5F9EA0) también pertenece a la familia de colores azulados-grisáceos pero tiene un matiz verdoso.
- Azul pastel (#B3EBF2) ofrece un tono más suave y claro, proporcionando un lavado ligero de color.
Para complementar el gris azulado, considera emparejarlo con:
- Negro (#000000) proporciona un fuerte contraste cuando se combina con un fondo gris azulado.
- Crema (#FDFBD4) añade un toque de calidez para crear una paleta de colores serena y calmante.
- Lavanda (#D3D3FF) comparte un tono apagado similar, creando una combinación de colores suave y encantadora.
- Azul medianoche (#272757) ofrece un contraste audaz para un esquema de color sofisticado y profesional.
Otros colores a considerar incluyen el beige para añadir calidez a la frescura del gris azulado, verde salvia para un esquema de color terroso, o amarillo mostaza para añadir contraste visual al tono apagado del gris azulado.
Aunque el gris azulado es sutil, puede chocar con:
- Verde neón (#2CFF05) puede chocar con el gris azulado debido a su alta saturación y contraste.
- Rosa fuerte (#FF69B4) puede crear un esquema de color desequilibrado, luciendo visualmente intenso cuando se combina con el gris azulado.
- Azul acero (#4682B4) es un poco más oscuro que el gris azulado, pero su tono similar puede no proporcionar suficiente contraste visual cuando se combinan.
- Fucsia (#FE3894) puede dominar al gris azulado debido a su apariencia extremadamente brillante.
El simbolismo del gris azulado puede variar debido a su combinación de tonos azules y grises. El gris azulado puede simbolizar calma y tranquilidad debido a su matiz azul o una sensación de frescura, simbólica del aire fresco de la mañana o una mañana brumosa.
En la psicología del color, el gris azulado puede evocar sentimientos de desapego, tristeza e incertidumbre debido a su tono. Pero con su influencia azul, este tono frío también puede promover sentimientos de paz y relajación.
Puedes usar el gris azulado en el diseño de interfaces para crear una paleta de colores profesional y moderna, ya que este tono puede transmitir una sensación de confiabilidad y seguridad. Es una opción de color versátil que puede añadir un toque de sofisticación sin ser demasiado llamativo o distractor.
El tono gris azulado se registró por primera vez en inglés en 1622 con el nombre de color “livid,” derivado de la palabra latina “lividus,” que significa un color azul apagado. En latín, la palabra describe la decoloración de la piel magullada, similar a la frase en inglés “black and blue.”
Aunque no está claro el surgimiento del nombre de color “gray-blue,” Crayola introdujo el nombre de tono “gray-blue” a finales de la década de 1950 como un color distintivo en su colección de crayones.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Mañana tormentosa
Atardecer urbano
Niebla del puerto
Verificador de contraste
Contraste 3,65
- Texto grande
#6A89A7
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Aprobado | Desaprobado | |
Aprobado | Desaprobado |
Contraste 5,75
- Texto grande
#6A89A7
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #6a89a7, también conocido como Gris azulado, tiene valores RGB de R:106, G:137, B:167 y valores CMYK de C:37, M:18, Y:0, K:35.
| VALUE | CSS | |
|---|---|---|
| HEX | #6a89a7 | #6a89a7 |
| RGB DECIMAL | 106, 137, 167 | RGB(106,137,167) |
| RGB PERCENTAGE | 41.6, 53.7, 65.5 | RGB(41.6%,53.7%,65.5%) |
| CMYK | 37, 18, 0, 35 | |
| HSL | HSL(209.5, 25.7%, 53.5%) | HSL(209.5, 25.7%, 53.5%) |
| HSV (OR HSB) | 209.5°, 36.5, 65.5 | |
| WEB SAFE | #102153153 | #102153153 |
| BINARY | 01101010, 10001001, 10100111 | |
| iOS - SwiftUI | Color(red: 0.416, green: 0.537, blue: 0.655) | |
| iOS - UIKit | UIColor(red: 0.416, green: 0.537, blue: 0.655, alpha: 1) | |
| Android - Compose | Color(0xFF6A89A7) |
