El amarillo pastel está cerca del amarillo en el círculo cromático y con la adición de blanco, aparece más claro y mucho menos saturado que el amarillo verdadero. Este tono deslavado del color primario amarillo crea un matiz suave y apagado, similar a muchos de sus homólogos pastel. El amarillo pastel encarna la alegría y la luz del sol e incluye una variedad de tonos diferentes como crema y canario.
El amarillo pastel se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código HEX: #FFEE8C
- Valor RGB: 100% rojo, 93.3% verde y 54.9% 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 Contenido Web.
Aquí hay algunas formas de usar el amarillo pastel en tus diseños:
- Añadir profundidad. La suavidad del amarillo pastel puede ser un color de acento o usarse dentro de diferentes texturas y patrones en una página. Esto puede ayudar a crear profundidad visual sin ser demasiado distractor.
- Transmitir calidez. La calidez del amarillo pastel puede ayudar a comunicar un tono amigable, alegre y positivo dentro de los diseños de UI.
- Crear diseños limpios. Estilos de diseño como el diseño plano a menudo usan colores pastel para crear interfaces de usuario simples y minimalistas.
Recuerda que el color y su significado pueden cambiar de una cultura a otra, y en cualquier momento. Si estás diseñando para una audiencia global, investiga las consideraciones de color para tus regiones específicas.
Para variaciones dentro del mismo espectro suave y alegre que el amarillo pastel, considera:
Para complementar el amarillo pastel, considera combinarlo con:
- Azul pervinca (#CCCCFF) combina bien con el amarillo pastel para un toque caprichoso.
- Azul bebé (#8FD9FB) crea un esquema de color sereno y calmante que recuerda a un día soleado de primavera.
- Naranja (#FFA500) hace una combinación de colores brillante y cítrica.
- Agua de rosas (#FFD6D1) crea una paleta de colores suave y femenina.
Otros colores que complementan el amarillo pastel incluyen el blanco para un diseño atemporal y limpio, el lila para resaltar la suavidad del amarillo pastel, y el negro para un contraste audaz y sofisticado.
Aunque el amarillo pastel es suave y sutil, puede chocar con:
- Amarillo mostaza (#E1AD01) puede hacer que el amarillo pastel parezca deslavado debido a su calidez.
- Granate (#550000) puede dominar el delicado matiz del amarillo pastel.
- Verde lima (#89F336) puede disminuir la suavidad del amarillo pastel, creando un esquema de color visualmente abrumador.
- Verde oscuro (#013220) puede sentirse demasiado pesado junto al amarillo pastel, dominando su sensación ligera y aireada.
- Púrpura (#9D00FF) puede ser visualmente chocante debido a su audacia e intensidad.
En la psicología del color, el amarillo pastel evoca sentimientos de calma y alegría. Este tono inocente y ligero es a menudo un símbolo de felicidad y optimismo. Su cercanía al amarillo lleva la misma calidez, pero su matiz apagado aporta un aspecto más suave. Los tonos pastel en general pueden inducir sentimientos de paz y serenidad.
En diferentes culturas, el color amarillo tiene muchos significados simbólicos. En China, el amarillo es un símbolo de realeza y prosperidad. En la cultura hispana, el amarillo simboliza la vida y la muerte, visto prominentemente en las caléndulas utilizadas para decorar altares para los seres queridos que han fallecido.
El amarillo pastel aporta tranquilidad y añade frescura y alegría a los diseños modernos.
El amarillo pastel proviene del color primario amarillo. La historia del amarillo se remonta a tiempos antiguos cuando el pigmento ocre amarillo se usaba para pintar el sol y las estrellas en las paredes de las cuevas. Históricamente, el amarillo ha sido un color sagrado y se asocia con el oro.
La palabra “pastel” entró en el idioma inglés durante la década de 1660 y se refería a pigmentos similares a la tiza. Eventualmente, el significado de pastel evolucionó para abarcar colores pálidos o claros. Los pasteles se hicieron más prominentes durante el siglo XVIII, ya que los artistas los usaban para crear retratos y otras obras de arte.
En la cultura estadounidense, los colores pastel se hicieron populares en la década de 1950, siendo el amarillo pastel un color influyente en el diseño de interiores. El programa “Miami Vice” también provocó otra tendencia pastel durante los años 80, mostrando el uso de estos tonos tropicales pero apagados en la moda y la arquitectura de Miami. Hoy en día, el amarillo pastel se usa a menudo al diseñar productos para bebés o decorar habitaciones infantiles debido a su tono suave y tranquilo.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Campo de trigo
Valle de las hadas
Amanecer de sorbete
Comprobador de contraste
Contraste 1,18
- Texto largo
#FFEE8C
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 17,86
- Texto largo
#FFEE8C
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #ffee8c, también llamado Amarillo Pastel, tiene valores RGB de R:255, G:238, B:140 y valores CMYK de C:0, M:7, Y:45, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffee8c | #ffee8c |
| RGB DECIMAL | 255, 238, 140 | RGB(255,238,140) |
| RGB PERCENTAGE | 100.0, 93.3, 54.9 | RGB(100.0%,93.3%,54.9%) |
| CMYK | 0, 7, 45, 0 | |
| HSL | HSL(51.1, 100.0%, 77.5%) | HSL(51.1, 100.0%, 77.5%) |
| HSV (OR HSB) | 51.1°, 45.1, 100.0 | |
| WEB SAFE | #255255153 | #255255153 |
| BINARY | 11111111, 11101110, 10001100 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.933, blue: 0.549) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.933, blue: 0.549, alpha: 1) | |
| Android - Compose | Color(0xFFFFEE8C) |
