Círculo cromático de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con el verde petróleo?
El verde petróleo es un color calmante y sofisticado, perfectamente ubicado entre el azul y el verde en el círculo cromático. Este tono captura la frescura del azul con la serenidad natural del verde, formando un matiz equilibrado y refrescante. En su espectro, el verde petróleo incluye tonos más claros como el turquesa para una sensación más brillante y vibrante, y tonos más oscuros como el aqua profundo con su apariencia más rica y sutil.
El verde petróleo se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #069494
- Valor RGB: 2.4% rojo, 58% verde y 58% 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.
Para usar efectivamente el verde petróleo en el diseño de interfaces, considera estas ideas:
- Crea una sensación calmante pero dinámica. El verde petróleo puede infundir a tu interfaz una sensación calmante y dinámica, ideal para muchas industrias, desde aplicaciones de salud hasta servicios financieros.
- Destaca elementos interactivos. Usa el verde petróleo para resaltar botones, enlaces o llamadas a la acción. Su distintivo matiz se destaca contra fondos claros y oscuros, guiando a los usuarios intuitivamente a través de la navegación.
- Combina con colores complementarios. El verde petróleo combina maravillosamente con coral o durazno para un contraste vibrante o con tonos de gris para un aspecto más sutil y profesional. Esta versatilidad lo hace adecuado tanto para proyectos creativos como corporativos.
- Mejora la identidad de marca. La asociación del verde petróleo con la creatividad, sofisticación y fiabilidad lo convierte en una opción fuerte para reforzar la identidad de marca, especialmente para empresas que buscan diferenciarse en el mercado.
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 sereno y equilibrado que el verde petróleo, considera:
- Turquesa (#40E0D0) es más claro y se inclina más hacia el azul, capturando la esencia cristalina de las aguas tropicales con una sensación vibrante y refrescante.
- Cian (#00FFFF) ofrece una versión más brillante y electrificada del verde petróleo, aportando una calidad luminosa que evoca la claridad y profundidad del océano.
- Aguamarina (#66F1C2) es más suave y transparente, compartiendo la conexión del verde petróleo con el agua pero con una presencia más gentil y etérea.
- Cian oscuro (#008B8B) mantiene la profundidad del verde petróleo con un tono más sutil y apagado, evocando las tranquilas profundidades del mar.
Para complementar los tonos dinámicos del verde petróleo, considera combinarlo con:
- Coral (#FF8559) introduce un contraste cálido y vibrante, evocando la armonía natural de los arrecifes de coral y las aguas verde petróleo para una paleta viva y tropical.
- Gris carbón (#4A4A4A) proporciona un contrapeso moderno y elegante a la vibrante del verde petróleo, añadiendo sofisticación y anclando la paleta con su profundidad neutral.
- Oro suave (#D4AF37) añade un toque de lujo y calidez, creando un contraste elegante que resalta la riqueza y profundidad del verde petróleo.
- Rosa empolvado (#DCA1A1) ofrece un complemento sutil y apagado, combinando bellamente con el verde petróleo para una estética refinada y delicada.
- Crema (#FDFBD4) es cálido y ligero, creando un fondo suave que permite que la profundidad del verde petróleo se destaque, ofreciendo un aspecto clásico y atemporal.
Otros colores que vale la pena considerar incluyen azul marino para un aspecto audaz y digno; verde menta para una mezcla fresca y armoniosa; y lavanda para un toque suave y contrastante.
Aunque el verde petróleo es notablemente adaptable, ciertas combinaciones pueden resultar menos armoniosas:
- Verde lima brillante (#32CD32) puede ser demasiado llamativo contra el verde petróleo, creando un contraste visual que podría sentirse discordante o excesivamente audaz.
- Naranja neón (#FFA500), con su intensa vibración, podría restar valor a la sofisticada riqueza del verde petróleo, llevando a una paleta discordante.
- Rosa fuerte (#FF69B4) ofrece un contraste audaz y vívido que puede abrumar la naturaleza tranquila y equilibrada del verde petróleo, resultando en una paleta que se siente excesivamente vibrante o discordante.
- Morado oscuro (#800080), aunque rico y regio, podría competir demasiado con el verde petróleo, eclipsando sus cualidades serenas con una presencia dominante.
- Rojo brillante (#FF0000), aunque un color dinámico, puede crear un contraste desafiante que compite con la naturaleza calmante y equilibrada del verde petróleo, potencialmente llevando a una mezcla visualmente incómoda.
El verde petróleo transmite sofisticación, calma y renovación. Se asocia con claridad y protección, mejorando el bienestar emocional. Culturalmente, el verde petróleo es reconocido como un color que promueve la sanación emocional y la tranquilidad.
En la psicología del color, el verde petróleo cierra la brecha entre la paz del azul y las propiedades rejuvenecedoras del verde. Esta combinación única crea un color que puede tanto relajar como revitalizar.
En el diseño de interfaces, el verde petróleo puede captar efectivamente la atención o proporcionar equilibrio dentro de la estética de un diseño. Por ejemplo, un botón verde petróleo puede destacarse como un punto focal, atrayendo a los usuarios hacia una acción específica sin abrumar el diseño general. Esto hace que el verde petróleo sea una excelente opción para elementos interactivos que deben ser notables y estéticamente agradables.
El nombre "verde petróleo" proviene del pato común teal, encontrado en el hemisferio norte, conocido por la llamativa franja de este color que se extiende desde sus ojos hasta la parte posterior de su cabeza.
Históricamente, el verde petróleo ganó popularidad en el siglo XVIII en la moda y el diseño de interiores, favorecido durante la época victoriana por su rica profundidad y versatilidad en textiles y revestimientos de paredes. En el siglo XX, el verde petróleo experimentó un resurgimiento, convirtiéndose en sinónimo de modernidad y sofisticación. Para los años 50 y 60, era una elección popular para pintura automotriz, electrodomésticos de cocina y bienes de consumo, reflejando una preferencia social por colores vibrantes pero refinados.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Acuario de agua de mar
Naufragio oxidado
Vidrio marino
Verificador de contraste
Contraste 3,7
- Texto grande
#069494
- 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,67
- Texto grande
#069494
- 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 #069494, también conocido como Verde petróleo, tiene valores RGB de R:6, G:148, B:148 y valores CMYK de C:96, M:0, Y:0, K:42.
| VALUE | CSS | |
|---|---|---|
| HEX | #069494 | #069494 |
| RGB DECIMAL | 6, 148, 148 | RGB(6,148,148) |
| RGB PERCENTAGE | 2.4, 58.0, 58.0 | RGB(2.4%,58.0%,58.0%) |
| CMYK | 96, 0, 0, 42 | |
| HSL | HSL(180.0, 92.2%, 30.2%) | HSL(180.0, 92.2%, 30.2%) |
| HSV (OR HSB) | 180.0°, 95.9, 58.0 | |
| WEB SAFE | #0153153 | #0153153 |
| BINARY | 00000110, 10010100, 10010100 | |
| iOS - SwiftUI | Color(red: 0.024, green: 0.580, blue: 0.580) | |
| iOS - UIKit | UIColor(red: 0.024, green: 0.580, blue: 0.580, alpha: 1) | |
| Android - Compose | Color(0xFF069494) |
