El rosa claro es un tono suave y delicado que se encuentra en la sección de rojos pálidos de la rueda de colores. Este color a menudo evoca una sensación de inocencia y los nuevos comienzos de la primavera.
El rosa claro se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #FFB5C0
- Valor RGB: 100% rojo, 71% verde y 75.3% azul
Aquí hay algunas formas de usar el rosa claro en tus diseños:
- Evocar emociones. El rosa claro es versátil y puede crear diseños juguetones, atmósferas relajantes o interfaces acogedoras. Su tono calmante funciona especialmente bien para las industrias de belleza, salud y bienestar.
- Fondos o destacados. Usa el rosa claro como base para diseños en el fondo y para resaltar características como CTAs y botones.
- Suavizar elementos oscuros. El rosa claro puede equilibrar elementos oscuros de la interfaz, añadiendo un toque suave y evitando que la interfaz se sienta demasiado dura.
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 suave que el rosa claro, considera:
- Agua de rosas (#FFD6D1) es un tono rosa suave que comparte el efecto calmante característico del rosa claro.
- Rosa rubor (#FF7782) es un rosa polvoriento ligeramente más oscuro que el rosa claro.
- Rosa (#FF8DA1) tiene matices ligeramente anaranjados con una coloración más brillante que el rosa claro.
- Salmón (#FF7E70) es un rosa anaranjado con tonos que van desde el naranja brillante hasta el rosa suave.
Para complementar el rosa claro, considera combinarlo con:
- Azul menta (#98FBCB) contrasta con el suave tono del rosa claro, creando una paleta juguetona.
- Amarillo mostaza (#FFCE1B) crea una combinación de colores brillante que juega con los tonos alegres de ambos colores.
- Durazno (#FFD3AC) tiene un toque de rosa junto con sus tonos anaranjados y amarillos, lo que lo hace un complemento perfecto para el rosa claro.
- Beige (#EDE8D0) proporciona una combinación de colores neutra con el rosa claro, creando un aspecto calmante.
- Negro (#000000) crea un contraste dramático y sofisticado con el rosa claro.
Considera combinar el rosa claro con otros colores como lavanda para una paleta limpia y juvenil, azul marino para crear un mayor contraste, y gris claro para una sensación de amplitud.
Aunque el rosa claro es versátil, puede chocar con:
- Naranja neón (#FF5C00) es muy brillante y puede hacer que el rosa claro parezca deslavado.
- Crema (#FDFBD4) puede no proporcionar suficiente contraste con el rosa claro, haciendo que los colores se mezclen y carezcan de definición.
- Rojo (#FF2C2C) se combina mejor con colores más apagados que proporcionen más contraste.
- Verde lima (#89F336) y el rosa claro pueden ser divertidos y veraniegos, pero el contraste es demasiado fuerte para la mayoría de los diseños.
El rosa claro simboliza la gentileza, la inocencia y la pureza. A menudo se asocia con la primavera, los nuevos comienzos y la belleza delicada.
En la psicología del color, el rosa claro es conocido por su efecto calmante y relajante. Reduce los sentimientos de estrés y enojo, promoviendo la paz y la tranquilidad. El tono pálido es fácil para los ojos y puede crear subconscientemente una sensación de seguridad y protección.
En el diseño de interfaces, el rosa claro es un excelente color de acento o de fondo, especialmente para interfaces con mucho contenido, ya que su suavidad reduce la fatiga visual. Sin embargo, no es ideal como color principal del texto, ya que puede ser difícil de leer contra ciertos fondos.
El rosa claro ganó popularidad en la Francia del siglo XVIII cuando la ícono de la moda Madame de Pompadour, una figura influyente durante el reinado del rey Luis XV, promovió el color. El rosa claro y los tonos pastel eran favorecidos por los miembros de la aristocracia europea, simbolizando lujo y alta sociedad. Esta era también vio la creación de la famosa porcelana rosa de Sèvres, nombrada así por la fábrica que la producía.
Hoy en día, el rosa claro a menudo se asocia con la inocencia. Este tono se ha vuelto cada vez más universal en su atractivo para todos los géneros.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Beso de Cupido
Flor de Cerezo
Romance Rococó
Verificador de contraste
Contraste 1,66
- Texto grande
#FFB5C0
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 12,62
- Texto grande
#FFB5C0
- 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 #ffb5c0, también conocido como Rosa claro, tiene valores RGB de R:255, G:181, B:192 y valores CMYK de C:0, M:29, Y:25, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffb5c0 | #ffb5c0 |
| RGB DECIMAL | 255, 181, 192 | RGB(255,181,192) |
| RGB PERCENTAGE | 100.0, 71.0, 75.3 | RGB(100.0%,71.0%,75.3%) |
| CMYK | 0, 29, 25, 0 | |
| HSL | HSL(351.1, 100.0%, 85.5%) | HSL(351.1, 100.0%, 85.5%) |
| HSV (OR HSB) | 351.1°, 29.0, 100.0 | |
| WEB SAFE | #255204204 | #255204204 |
| BINARY | 11111111, 10110101, 11000000 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.710, blue: 0.753) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.710, blue: 0.753, alpha: 1) | |
| Android - Compose | Color(0xFFFFB5C0) |
