Perla es un tono suave y lustroso de blanco roto con un sutil brillo iridiscente. Se sitúa cerca del blanco en la rueda de colores y aporta una sensación cremosa y tranquila. Las variantes incluyen rosa perla y azul perla. Usa perla para añadir elegancia y sofisticación a los diseños, ideal para fondos o acentos.
Perla se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código Hex: #EAE0C8
- Valor RGB: 91.8% rojo, 87.8% verde, 78.4% 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 perla, considera:
- Blanco Alabastro (#FAFAFA): Blanco Alabastro emana un tono lechoso suave similar al brillo lustroso y gentil de Perla. Con su sutil iridiscencia, refleja suavemente la calidad luminosa asociada con los colores perla.
- Blanco Antiguo (#FAEBD7): Blanco Antiguo presenta un tono cremoso enriquecido con calidez, muy parecido a los matices cálidos de Perla, mientras mantiene una apariencia delicada de blanco roto.
- Blanco Roto (#F2F0EF): Blanco Roto ofrece un tono neutral y discreto con la misma elegancia sutil y brillo, lo que lo convierte en un pariente cercano a la esencia refinada de Perla.
- Marfil (#FFFFE3): Marfil refleja las cualidades cremosas de Perla, combinando una presencia cálida y suave con un acabado delicado y lustroso, reminiscente del color blanco perla.
Para complementar Perla, considera combinarla con:
- Verde Bosque (#2E6F40): Este tono rico y terroso ofrece un contraste llamativo con la calidez sutil de Perla, creando una paleta equilibrada y armoniosa que recuerda a la naturaleza.
- Rosa Empolvado (#DCA1A1): Con su tono rosa suave y apagado, Rosa Empolvado realza los atributos cremosos y gentiles de Perla, añadiendo un toque de elegancia y romance.
- Azafrán (#F1C338): Azafrán introduce un brillo dorado cálido que complementa la textura cremosa de Perla, creando una atmósfera lujosa y acogedora.
- Azul Cielo (#82C8E5): Este azul calmante y aireado equilibra la calidez de Perla, evocando un entorno sereno y tranquilo perfecto para espacios de descanso.
- Gris Pizarra (#6D8196): Gris Pizarra ofrece un contraste sofisticado y moderno, realzando la calidad iridiscente de Perla mientras mantiene un atractivo chic y atemporal.
Aunque Perla es un tono elegante y suave a menudo asociado con la iridiscencia, puede chocar con:
- Verde Neón (#2CFF05): Este tono vibrante abruma la sutileza de Perla, creando una intensidad visual que distrae de la suavidad de Perla.
- Rojo Carmesí (#B22222): El tono profundo y rico de Rojo Carmesí crea un contraste marcado con la ligereza de Perla, resultando en una discordia visual.
- Azul Eléctrico (#00F0FF): La naturaleza gentil de Perla contrasta fuertemente con el golpe vívido de Azul Eléctrico, creando una combinación que se siente visualmente inquietante.
- Naranja Quemado (#BE5103): La saturación cálida y pesada de Naranja Quemado compite con la naturaleza delicada de Perla, llevando a una mezcla de colores que choca.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Refugio de Fantasía
Brisa Suave
Pradera de Ensueño
Verificador de contraste
Contraste 1,31
- Texto grande
#EAE0C8
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 15,99
- Texto grande
#EAE0C8
- 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 #EAE0C8, también conocido como Perla, tiene valores RGB de R:234, G:224, B:200 y valores CMYK de C:0, M:4, Y:15, K:8.
| VALUE | CSS | |
|---|---|---|
| HEX | #EAE0C8 | #EAE0C8 |
| RGB DECIMAL | 234, 224, 200 | RGB(234,224,200) |
| RGB PERCENTAGE | 91.8, 87.8, 78.4 | RGB(91.8%,87.8%,78.4%) |
| CMYK | 0, 4, 15, 8 | |
| HSL | HSL(42.4, 44.7%, 85.1%) | HSL(42.4, 44.7%, 85.1%) |
| HSV (OR HSB) | 42.4°, 14.5, 91.8 | |
| WEB SAFE | #255204204 | #255204204 |
| BINARY | 11101010, 11100000, 11001000 | |
| iOS - SwiftUI | Color(red: 0.918, green: 0.878, blue: 0.784) | |
| iOS - UIKit | UIColor(red: 0.918, green: 0.878, blue: 0.784, alpha: 1) | |
| Android - Compose | Color(0xFFEAE0C8) |
