Código de color y paleta
Tonos de Rosa
El rosa puede ir del rubor suave al magenta enérgico. Su extremo más suave aporta superficies acogedoras, mientras que los tonos intensos crean acentos expresivos para el diseño editorial y de producto moderno.
Formatos de color
El mismo color base en los formatos web más habituales.
Tonos
| Color | Nombre | HEX | RGB | HSL | Copiar |
|---|---|---|---|---|---|
| Blush Light | #FDF2F8 | 253, 242, 248 | 327, 73%, 97% | ||
| Rose Quartz | #FCE7F3 | 252, 231, 243 | 326, 78%, 95% | ||
| Cotton Candy | #FBCFE8 | 251, 207, 232 | 326, 85%, 90% | ||
| Bubblegum | #F9A8D4 | 249, 168, 212 | 327, 87%, 82% | ||
| Carnation | #F472B6 | 244, 114, 182 | 329, 86%, 70% | ||
| Pink | #EC4899 | 236, 72, 153 | 330, 81%, 60% | ||
| Hot Pink | #DB2777 | 219, 39, 119 | 333, 71%, 51% | ||
| Magenta Pink | #BE185D | 190, 24, 93 | 335, 78%, 42% | ||
| Raspberry | #9D174D | 157, 23, 77 | 336, 74%, 35% | ||
| Dark Pink | #831843 | 131, 24, 67 | 336, 69%, 30% | ||
| Rose Light | #FFF1F2 | 255, 241, 242 | 356, 100%, 97% | ||
| Rose | #FFE4E6 | 255, 228, 230 | 356, 100%, 95% | ||
| Rose Medium | #FECDD3 | 254, 205, 211 | 353, 96%, 90% | ||
| Salmon | #FDA4AF | 253, 164, 175 | 353, 96%, 82% | ||
| Coral Pink | #FB7185 | 251, 113, 133 | 351, 95%, 71% | ||
| Watermelon | #F43F5E | 244, 63, 94 | 350, 89%, 60% | ||
| Cerise | #E11D48 | 225, 29, 72 | 347, 77%, 50% | ||
| Cherry Pink | #BE123C | 190, 18, 60 | 345, 83%, 41% | ||
| Cranberry | #9F1239 | 159, 18, 57 | 343, 80%, 35% | ||
| Burgundy Pink | #881337 | 136, 19, 55 | 342, 75%, 30% |
Palabra clave CSS: pink
En CSS puedes escribirlo con la palabra clave pink.
Contraste del texto
Estas relaciones usan la fórmula de luminancia relativa de las WCAG.
Formas de usar el Rosa
Interfaces de estilo de vida acogedoras
Acentos editoriales expresivos
Marcas de belleza, moda y consumo
Colores que combinan con Rosa
Armonías de la rueda de color creadas a partir de #EC4899. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.
Complementario
Abrir en la rueda de colorTonos opuestos para el máximo contraste y acentos llenos de energía.
Triádico
Abrir en la rueda de colorTres tonos equidistantes para sistemas coloridos y equilibrados.
Complementario dividido
Abrir en la rueda de colorUn color base y los dos vecinos de su complementario: contraste con menos tensión.