#f161cf ≈ Rose Pink
#f161cf é uma cor da família “magenta”, com luminosidade alta e saturação forte. No modelo RGB, é formada por 94,51% de vermelho, 38,04% de verde e 81,18% de azul; impressa em CMYK, usa 0% de ciano, 59,75% de magenta, 14,11% de amarelo e 5,49% de preto. Seu ângulo de matiz é 314,17°, com 83,72% de saturação e 66,27% de luminosidade em HSL. Fica entre quente e fria e é muitas vezes associada a criatividade, ousadia e individualidade. Designers costumam usá-la em beleza e cosméticos, estúdios criativos e botões de chamada para ação. Texto preto sobre esta cor atinge uma razão de contraste de 7,35:1 (WCAG AAA). A cor nomeada mais próxima é Rose Pink (#ff66cc), ΔE 3,28.
Descrição gerada a partir das propriedades medidas desta cor.
| HEX | |
|---|---|
| RGB | |
| RGB em porcentagem | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Segura para a web | #ff66cc |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binário | |
| Decimal | |
| Luminância relativa | 0.3176 |
Sombras
#f161cf misturado progressivamente com preto.
Matizes claros
#f161cf misturado progressivamente com branco.
Tons
#f161cf misturado progressivamente com cinza.
Texto nesta cor
Fundo nesta cor
Borda nesta cor
.text-f161cf {
color: #f161cf;
}
.bg-f161cf {
background-color: #f161cf;
color: #000000;
}
.border-f161cf {
border: 2px solid #f161cf;
}
:root {
--color-primary: #f161cf;
--color-primary-rgb: 241 97 207;
--color-primary-hsl: 314 84% 66%;
}
.gradient-f161cf {
background: linear-gradient(135deg, #f161cf, #f16187);
}
.shadow-f161cf {
box-shadow: 0 8px 24px rgb(241 97 207 / 0.35);
}
Rose Pink
#f161cf rgb(241, 97, 207) hsl(314, 84%, 66%) Rose Pink
#61f183 rgb(97, 241, 131) hsl(134, 84%, 66%) Spring Green
#cff161 rgb(207, 241, 97) hsl(74, 84%, 66%) Inchworm
#61cff1 rgb(97, 207, 241) hsl(194, 84%, 66%) Sky Blue