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 moka 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 varias plataformas y dispositivos digitales.
- Código Hex: #6F4E37
- Valor RGB: 43.5% rojo, 30.6% verde, 21.6% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color de diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Para variaciones dentro del mismo espectro que el café, considera:
- Moka (#6d3b07): Al igual que el café, Moka 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 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 y acogedora 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 combinarlo con:
- Rosa Suave (#E89EB8): Rosa Suave añade un contraste suave y femenino a los tonos ricos del café, creando una paleta equilibrada y acogedora.
- Crema (#FDFBD4): Crema introduce un fondo neutro y cálido que acentúa la riqueza terrosa del café, mejorando un aspecto acogedor y sofisticado.
- Verde Menta (#ADEBB3): Verde Menta inyecta una nota refrescante y vibrante, ofreciendo un contraste animado a los tonos profundos y suaves del café.
- Oro (#EFBF04): 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): 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): El brillo intenso del verde neón puede parecer discordante cuando se yuxtapone con el tono profundo y suave del café.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Deriva de Cacao
Bosque de Arcilla
Armonía Rústica
Comprobador de contraste
Contraste 7,44
- Texto largo
#6F4E37
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Contraste 2,82
- Texto largo
#6F4E37
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #6F4E37, también llamado 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) |