El café es un tono rico y reconfortante que irradia calidez. Se sitúa entre el marrón oscuro y el marrón rojizo en la rueda de colores. Este tono terroso a menudo presenta matices de caramelo. Explora el uso de tonos de café como moca o espresso en espacios acogedores o en prendas como suéteres y blazers para un toque sofisticado.
El café se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código Hex: #6F4E37
- Valor RGB: 43.5% rojo, 30.6% verde, 21.6% 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 variaciones dentro del mismo espectro que el café, considera:
- Moca (#6d3b07): Al igual que el café, Moca comparte un acabado marrón rico, capturando la calidez y profundidad típicas de un tono de tueste oscuro.
- Topo (#54463a): Topo ofrece un tono terroso y apagado que resuena con la riqueza profunda y sutil que asociarías con una taza de café.
- Coñac (#a2574f): Coñac aporta matices de beige cálido y castaño que se asemejan a la apariencia cálida e invitante del café recién hecho.
- Chocolate (#713600): Con su riqueza profunda y aterciopelada, Chocolate refleja el intenso tono espresso de un café bien preparado.
Para complementar el café, considera emparejarlo con:
- Rosa suave (#E89EB8): El rosa suave añade un contraste femenino y delicado a los tonos ricos del café, creando una paleta equilibrada e invitante.
- Crema (#FDFBD4): La crema introduce un fondo neutral y cálido que acentúa la riqueza terrosa del café, realzando un aspecto acogedor y sofisticado.
- Verde menta (#ADEBB3): El verde menta inyecta una nota refrescante y vibrante, ofreciendo un contraste animado a los tonos profundos y suaves del café.
- Oro (#EFBF04): El oro aporta un toque de elegancia y calidez, complementando los tonos profundos y tostados del café con un toque de lujo y brillo.
- Azul cielo (#82C8E5): El azul cielo proporciona un contraste fresco y calmante, equilibrando la robustez del café y creando una combinación tranquila y armoniosa.
Aunque el café es un tono rico y profundo, puede chocar con:
- Rosa neón (#FF13F0): La alta saturación y brillo del rosa neón pueden crear un contraste discordante con los tonos terrosos y apagados del café.
- Cian (#00FFFF): Con su tono brillante y frío, el cian contrasta fuertemente con la calidez del café y puede sentirse desequilibrado cuando se combinan.
- Amarillo brillante (#FFED29): Este tono vívido puede abrumar la riqueza más sutil del café, llevando a una combinación visualmente incómoda.
- Verde neón (#2CFF05): La intensidad del verde neón puede parecer discordante cuando se yuxtapone con el tono profundo y suave del café.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Deriva de cacao
Bosque de arcilla
Armonía rústica
Verificador de contraste
Contraste 7,44
- Texto grande
#6F4E37
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 2,82
- Texto grande
#6F4E37
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #6F4E37, también conocido como Café, tiene valores RGB de R:111, G:78, B:55 y valores CMYK de C:0, M:30, Y:50, K:56.
| VALUE | CSS | |
|---|---|---|
| HEX | #6F4E37 | #6F4E37 |
| RGB DECIMAL | 111, 78, 55 | RGB(111,78,55) |
| RGB PERCENTAGE | 43.5, 30.6, 21.6 | RGB(43.5%,30.6%,21.6%) |
| CMYK | 0, 30, 50, 56 | |
| HSL | HSL(24.6, 33.7%, 32.5%) | HSL(24.6, 33.7%, 32.5%) |
| HSV (OR HSB) | 24.6°, 50.5, 43.5 | |
| WEB SAFE | #10210251 | #10210251 |
| BINARY | 01101111, 01001110, 00110111 | |
| iOS - SwiftUI | Color(red: 0.435, green: 0.306, blue: 0.216) | |
| iOS - UIKit | UIColor(red: 0.435, green: 0.306, blue: 0.216, alpha: 1) | |
| Android - Compose | Color(0xFF6F4E37) |
