El azul verdoso es un tono refrescante y calmante que combina perfectamente la estabilidad del verde con la serenidad del azul. Este tono frío es un color terciario que se encuentra entre el azul y el verde en el círculo cromático, adoptando las cualidades tranquilas de ambos colores. Se asemeja mucho a tonos como verde petróleo y turquesa.
El azul verdoso se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #00CEC8
- Valor RGB: 0% rojo, 80.8% verde y 78.4% 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 maneras de aprovechar las propiedades calmantes y refrescantes del azul verdoso en tu diseño:
- Crea una atmósfera tranquila. El azul verdoso es excelente para crear una sensación de paz y serenidad. Úsalo como color de fondo para experiencias calmantes como aplicaciones de meditación o plataformas de reservas de spa.
- Destaca elementos importantes. El azul verdoso puede sobresalir sin ser abrumador. Úsalo para botones de llamada a la acción o elementos de navegación primaria para atraer la atención del usuario mientras mantienes una estética limpia.
- Evoca naturaleza o crecimiento. La conexión con el mundo natural del azul verdoso lo hace ideal para marcas ecológicas o interfaces relacionadas con plantas y bienestar.
- Considera el contraste. Asegura un contraste adecuado con el texto u otros elementos de la interfaz para una óptima legibilidad. Considera un plugin de Figma para asegurar la accesibilidad. Equilibra con colores más cálidos. Combinar azul verdoso con un toque de un color cálido como naranja o amarillo puede añadir vitalidad y evitar que la interfaz se sienta demasiado fría.
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 tranquilo y refrescante que el azul verdoso, considera:
- Turquesa (#40E0D0) se asemeja mucho al azul verdoso con su perfecta mezcla de azul y verde, encarnando la esencia de las aguas tropicales.
- Verde petróleo (#069494) ofrece una versión más profunda y ligeramente más sutil, capturando la profundidad del océano mientras se mantiene fiel al tema azul verdoso.
- Aguamarina (#7FFFD4) aparece más claro y etéreo, proporcionando una versión más suave de la cautivadora claridad del azul verdoso.
- Cian (#00FFFF), aunque más brillante, comparte la energía vibrante y el sentimiento vigorizante del azul verdoso, recordando cielos claros y soleados.
Para complementar los tonos serenos del azul verdoso, considera combinarlo con:
- Arena suave (#F8F0E3) proporciona un fondo cálido y neutral que resalta bellamente la vibrante frescura del azul verdoso.
- Coral (#FF8559) introduce un contraste cálido y animado, evocando los colores de un atardecer contra el mar azul verdoso.
- Azul marino (#000080) ofrece un contraste rico y profundo que realza las cualidades de joya del azul verdoso, perfecto para una paleta sofisticada.
- Plata (#C4C4C4) añade un toque moderno y elegante, reflejando la luz y enriqueciendo el atractivo dinámico del azul verdoso.
- Lavanda (#D3D3FF) suaviza la paleta con su tono delicado, creando una mezcla calmante y romántica con el azul verdoso.
Otros colores que vale la pena considerar incluyen gris carbón para un contraste moderno y sólido, rosa pálido para un toque suave y complementario, y amarillo mostaza para un toque audaz y soleado.
Aunque el azul verdoso es versátil, puede chocar con:
- Rojo brillante (#FF0000) puede ser demasiado agresivo contra la naturaleza calmante del azul verdoso, creando un contraste marcado y potencialmente discordante.
- Verde neón (#2CFF05) presenta una energía excesivamente vibrante que podría interrumpir la vibra serena y armoniosa del azul verdoso.
- Púrpura profundo (#800080), aunque rico y regio, puede sobrepasar la sutileza del azul verdoso, llevando a un efecto visual discordante.
- Naranja (#FFA500), aunque en teoría es un color complementario, su intensidad puede restar a las cualidades calmantes del azul verdoso, llevando a una combinación visualmente inquietante.
- Rosa fuerte (#FF69B4), aunque juguetón, puede chocar con el azul verdoso al competir por el dominio visual en lugar de complementar su tranquilidad.
El azul verdoso combina la tranquilidad del azul con la vitalidad del verde, simbolizando serenidad, sanación y renovación. Encierra el concepto de agua y las cualidades protectoras y nutritivas de la Tierra, sugiriendo vida, salud y bienestar. Representa el crecimiento y las profundidades del cielo y el mar, un símbolo del sustento de la vida.
Psicológicamente, el azul verdoso fomenta un estado de ánimo contemplativo, apertura mental y creatividad, promoviendo sentimientos de paz y rejuvenecimiento.
El azul verdoso equilibra la calma y la vitalidad, convirtiéndolo en un color poderoso para el diseño de interfaces. Su efecto calmante mejora la experiencia del usuario con un entorno acogedor. El azul verdoso puede resaltar valores innovadores y ecológicos, siendo una elección popular para empresas que valoran la salud, el bienestar y la sostenibilidad ambiental.
Los antiguos egipcios usaban pigmentos azul verdoso hechos de malaquita para pintura y cerámica, valorándolo por sus cualidades protectoras y belleza estética. En Mesoamérica, los mayas asociaban el azul verdoso con el dios de la lluvia, Chaac, usándolo en ofrendas y arte para invocar agua y fertilidad. Su significado continuó a través de las culturas griega y romana, como se ve abundantemente en las joyas y textiles de la época.
En la Edad Media y durante el Renacimiento, los artistas usaban cardenillo para producir tonos azul verdoso luminosos, apreciados por su color vibrante, a pesar de su tendencia a cambiar con el tiempo. Artistas como Leonardo da Vinci y Rafael usaron azul verdoso para infundir sus obras maestras con profundidad y serenidad. Su carácter calmante pero vibrante también lo hizo un color favorito de Tiziano y Vermeer, quienes capturaron su tranquilidad y profundidad en su trabajo.
El azul verdoso ha mantenido su atractivo hasta hoy, destacado por su inclusión en los colores de crayones de Crayola desde la década de 1930.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Marea oceánica
Calor tropical
Piscina de marea
Verificador de contraste
Contraste 1,97
- Texto grande
#00CEC8
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 10,66
- Texto grande
#00CEC8
- 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 #00cec8, también conocido como Azul verdoso, tiene valores RGB de R:0, G:206, B:200 y valores CMYK de C:100, M:0, Y:3, K:19.
| VALUE | CSS | |
|---|---|---|
| HEX | #00cec8 | #00cec8 |
| RGB DECIMAL | 0, 206, 200 | RGB(0,206,200) |
| RGB PERCENTAGE | 0.0, 80.8, 78.4 | RGB(0.0%,80.8%,78.4%) |
| CMYK | 100, 0, 3, 19 | |
| HSL | HSL(178.3, 100.0%, 40.4%) | HSL(178.3, 100.0%, 40.4%) |
| HSV (OR HSB) | 178.3°, 100.0, 80.8 | |
| WEB SAFE | #0204204 | #0204204 |
| BINARY | 00000000, 11001110, 11001000 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.808, blue: 0.784) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.808, blue: 0.784, alpha: 1) | |
| Android - Compose | Color(0xFF00CEC8) |
