Rueda de colores de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con el rosa pastel?
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 diversas plataformas y dispositivos digitales.
- Código HEX: #FFC5D3
- Valor RGB: 100% rojo, 77.3% verde y 82.7% azul
Aquí hay algunas formas de usar el rosa pastel en tus diseños:
- Crea una interfaz 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 invitante. Ú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 recursos descargables de manera visualmente atractiva.
- Indica selecciones sutilmente. Resaltar las selecciones de los usuarios en rosa pastel proporciona claridad sin abrumar. Especialmente sobre 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 variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.
Para variaciones dentro del mismo espectro claro 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.
- Morado claro (#DAB1DA) tiene una ligereza similar pero se encuentra 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 entra en conflicto 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 delicada suavidad 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 invitante 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 interfaces, 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 de 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
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Rosa vintage
Fiesta de té
Limonada rosa
Verificador de contraste
Contraste 1,48
- Texto grande
#FFC5D3
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 14,18
- Texto grande
#FFC5D3
- 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 #ffc5d3, también conocido como 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) |
