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 sitúa 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 el verde azulado y el turquesa.
El azul verdoso se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código HEX: #00CEC8
- Valor RGB: 0% rojo, 80.8% verde y 78.4% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color de diseño UX y UI. Figma ofrece complementos en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Aquí hay algunas formas 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 destacar 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 la naturaleza o el 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 UI para una legibilidad óptima. Considera un complemento de Figma para garantizar la accesibilidad. Equilibra con colores más cálidos. Combinar el azul verdoso con un toque de un color cálido como el naranja o el 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 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 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 azulado (#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 del 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 la sensación vigorizante del azul verdoso, recordando cielos despejados 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 suave, creando una mezcla calmante y romántica de azul verdoso.
Otros colores que vale la pena considerar incluyen gris carbón para un contraste moderno y fundamentado, 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 las cualidades protectoras y nutritivas del agua y 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, la apertura mental y la 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 UI. 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 verdosos 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 verdosos luminosos, apreciados por su color vibrante, a pesar de su tendencia a cambiar con el tiempo. Artistas como Leonardo da Vinci y Rafael usaron el 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
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Marea oceánica
Calor tropical
Piscina de marea
Comprobador de contraste
Contraste 1,97
- Texto largo
#00CEC8
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 10,66
- Texto largo
#00CEC8
- 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 #00cec8, también llamado 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) |
