El rosa pastel es un tono delicado de rosa que suaviza la vibrancia del rojo con una alta concentración de blanco. Posicionado en el borde rojo de la rueda de colores, el rosa pastel tiene cualidades dulces y juguetonas, evocando la primavera y la juventud.
El rosa 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: #FFC5D3
- Valor RGB: 100% rojo, 77.3% verde y 82.7% 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.
Aquí hay algunas formas de usar el rosa pastel en tus diseños:
- Crea una UI acogedora. El rosa pastel es suave y delicado, por lo que incorporarlo en botones o como fondo ayuda a crear una interfaz cálida y acogedora.
- Transmite calidez y diversión. El tono cálido del rosa pastel crea un ambiente agradable e invitador. Úsalo como un fondo suave para un efecto calmante o como un acento juguetón.
- Destaca elementos interactivos. Atrae la atención de los usuarios mientras mantienes una interfaz limpia y equilibrada usando el rosa pastel para un efecto hover. Este color sutil puede guiar suavemente a los usuarios hacia botones o activos descargables de manera visualmente atractiva.
- Indica selecciones sutilmente. Resaltar las selecciones de usuario en rosa pastel proporciona claridad sin abrumar a los usuarios. Especialmente en un fondo blanco, el rosa pastel puede crear un contraste cálido y suave para promover la calma, mejorar la experiencia del usuario y mejorar la accesibilidad.
Ten en cuenta 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 de luz que el rosa pastel, considera:
- Rosa claro (#FFB5C0) es más vibrante con tonos rojos más profundos, evocando pétalos de flores frescas y mejillas sonrojadas.
- Agua de rosas (#FFD6D1) ofrece un tono de rosa más claro y menos saturado con tonos ligeramente más anaranjados.
- Púrpura claro (#DAB1DA) tiene una ligereza similar pero se sitúa entre el rojo y el azul en un tono complementario y fresco.
Para complementar el rosa pastel, considera emparejarlo con:
- Azul pastel (#B3EBF2) complementa el tono rosado del rosa pastel con un tono fresco sutil pero energizante.
- Celadón (#A8DCAB) se combina con el rosa pastel para una paleta floral encantadora.
- Rosa fuerte (#FF46A2) acentúa la calidez romántica del rosa pastel con un toque vibrante.
- Concha (#FFF1E7) suaviza el tono del rosa pastel para un aspecto sofisticado.
Otros colores que vale la pena considerar incluyen lila para complementar el tono floral del rosa pastel, verde musgo para equilibrar la calidez sutil del rosa pastel, y gris plomo para una paleta oscura y elegante.
Aunque el rosa pastel es suave y claro, puede chocar con:
- Azul (#0000FF) es un color vibrante y fresco que choca con la calidez sutil del rosa pastel.
- Canela (#D47E30) apaga la diversión del rosa pastel con sus tonos anaranjados y terrosos.
- Escarlata (#ED2100) es un rojo saturado quesofoca el tono aireado del rosa pastel.
- Ámbar (#FFBF00) apaga el rosa pastel con su tono dorado.
- Salmón (#FF7E70) puede eclipsar la suavidad delicada del rosa pastel con un tono anaranjado más saturado.
El rosa pastel combina la pasión y energía del rojo con la pureza e inocencia del blanco para connotar ternura y afecto. Transmite una energía calmante y nutritiva con un toque de juventud y dulzura, simbolizando nuevos comienzos.
El rosa pastel es un color calmante e invitador en la psicología del color, evocando paz, relajación y confort. Su asociación con la inocencia y la pureza puede crear una sensación suave de estabilidad y seguridad.
En el diseño de UI, el rosa pastel añade un toque de calidez a las interfaces, creando un contraste agradable cuando se combina con colores más audaces. Comparado con otros tonos de rosa, el rosa pastel es menos estimulante, y es efectivo cuando se usa como color de fondo o para resaltar información importante sin abrumar al usuario.
Los tonos claros como el rosa pastel reciben su nombre de los pasteles, un medio artístico con baja saturación hecho de pigmentos en polvo. El rosa pastel se hizo popular en la Europa del siglo XVIII, donde hombres y mujeres vestían elaborados trajes pastel.
El rosa pastel era originalmente unisex, pero se asoció con las niñas en la década de 1980, creando una connotación femenina.
El tono calmante del rosa pastel se ha expandido más allá de la moda hacia el arte y el diseño de interiores. Las paletas pastel siguen siendo populares, y el rosa pastel es una característica común en la moda de primavera y la decoración del hogar.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Rosa Vintage
Fiesta de Té
Limonada Rosa
Comprobador de contraste
Contraste 1,48
- Texto largo
#FFC5D3
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 14,18
- Texto largo
#FFC5D3
- 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 #ffc5d3, también llamado Rosa pastel, tiene valores RGB de R:255, G:197, B:211 y valores CMYK de C:0, M:23, Y:17, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffc5d3 | #ffc5d3 |
| RGB DECIMAL | 255, 197, 211 | RGB(255,197,211) |
| RGB PERCENTAGE | 100.0, 77.3, 82.7 | RGB(100.0%,77.3%,82.7%) |
| CMYK | 0, 23, 17, 0 | |
| HSL | HSL(345.5, 100.0%, 88.6%) | HSL(345.5, 100.0%, 88.6%) |
| HSV (OR HSB) | 345.5°, 22.7, 100.0 | |
| WEB SAFE | #255204204 | #255204204 |
| BINARY | 11111111, 11000101, 11010011 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.773, blue: 0.827) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.773, blue: 0.827, alpha: 1) | |
| Android - Compose | Color(0xFFFFC5D3) |
