Cáscara de huevo es un blanco roto suave y reconfortante con un toque de calidez, situado entre el blanco puro y el beige en la rueda de colores. Su tono sutil evoca calma y simplicidad. Tonos similares incluyen marfil y crema. Perfecto para crear fondos tranquilos o diseños minimalistas, su versatilidad brilla en cualquier espacio.
Cáscara de huevo se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código Hex: #F0EAD6
- Valor RGB: 94.1% rojo, 91.8% verde, 83.9% 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 cáscara de huevo, considera:
- Blanco antiguo (#FAEBD7): Con su base cremosa y neutral, Blanco antiguo ofrece una versión ligeramente más cálida de los tonos blanco roto, similar a la calidad suave de cáscara de huevo.
- Blanco alabastro (#FAFAFA): Este blanco casi puro tiene una calidez sutil, reflejando el tono limpio y fresco similar a la apariencia ligera y apagada de cáscara de huevo.
- Blanco roto (#F2F0EF): Blanco roto presenta un tono suave que oscila entre el blanco y el beige, reflejando la suavidad equilibrada y la elegancia atemporal de cáscara de huevo.
- Marfil (#FFFFE3): Marfil añade un toque de calidez y un matiz mantecoso al blanco clásico, alineándose estrechamente con el delicado y natural tono de cáscara de huevo.
Para complementar cáscara de huevo, considera combinarlo con:
- Salvia (#BBB791): Este verde apagado ofrece un fondo sereno que realza la calidad suave y sutil de cáscara de huevo.
- Burdeos (#660033): El tono profundo y rico proporciona un contraste audaz, destacando la elegancia discreta de cáscara de huevo.
- Azul brumoso (#B5C7EB): Este tono azul calmante suaviza los matices cálidos de cáscara de huevo, creando una paleta equilibrada y relajante.
- Rosa suave (#E89EB8): Su calidez suave complementa el tono cremoso de cáscara de huevo, añadiendo un toque de sofisticación moderna.
- Topo (#54463A): Una opción neutral que refleja la suavidad de cáscara de huevo, topo añade profundidad para un aspecto cohesivo.
Aunque cáscara de huevo es suave y sutilmente cálido, puede chocar con:
- Marrón oscuro (#654321): El tono profundo y pesado del marrón oscuro crea un contraste marcado con la ligereza de cáscara de huevo, llevando a una combinación visualmente desequilibrada.
- Negro azabache (#252525): El negro azabache introduce un contraste intenso y severo contra cáscara de huevo, lo que interrumpe la suave atmósfera que cáscara de huevo exuda.
- Rojo carmesí (#b22222): La naturaleza audaz y saturada del rojo carmesí puede dominar la delicadeza de cáscara de huevo, creando un efecto visual excesivamente intenso.
- Púrpura neón (#8a00c4): La energía vibrante del púrpura neón choca con la calidad calmada y apagada de cáscara de huevo, haciendo de esta una combinación discordante.
- Amarillo brillante (#ffed29): La alta saturación y brillo del amarillo brillante pueden eclipsar la suave elegancia de cáscara de huevo, resultando en un contraste distractor y poco armonioso.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Susurros suaves
Puerto iluminado por la luna
Serenata pastel
Verificador de contraste
Contraste 1,2
- Texto grande
#F0EAD6
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 17,45
- Texto grande
#F0EAD6
- 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 #F0EAD6, también conocido como Cáscara de huevo, tiene valores RGB de R:240, G:234, B:214 y valores CMYK de C:0, M:3, Y:11, K:6.
| VALUE | CSS | |
|---|---|---|
| HEX | #F0EAD6 | #F0EAD6 |
| RGB DECIMAL | 240, 234, 214 | RGB(240,234,214) |
| RGB PERCENTAGE | 94.1, 91.8, 83.9 | RGB(94.1%,91.8%,83.9%) |
| CMYK | 0, 3, 11, 6 | |
| HSL | HSL(46.2, 46.4%, 89.0%) | HSL(46.2, 46.4%, 89.0%) |
| HSV (OR HSB) | 46.2°, 10.8, 94.1 | |
| WEB SAFE | #255255204 | #255255204 |
| BINARY | 11110000, 11101010, 11010110 | |
| iOS - SwiftUI | Color(red: 0.941, green: 0.918, blue: 0.839) | |
| iOS - UIKit | UIColor(red: 0.941, green: 0.918, blue: 0.839, alpha: 1) | |
| Android - Compose | Color(0xFFF0EAD6) |
