#ea1ca9 ≈ Shocking Pink
#ea1ca9 é uma cor da família “magenta”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 91,76% de vermelho, 10,98% de verde e 66,27% de azul; impressa em CMYK, usa 0% de ciano, 88,03% de magenta, 27,78% de amarelo e 8,24% de preto. Seu ângulo de matiz é 318,93°, com 83,06% de saturação e 51,37% 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 5,24:1 (WCAG AA). A cor nomeada mais próxima é Shocking Pink (#fc0fc0), ΔE 4,34.
Descrição gerada a partir das propriedades medidas desta cor.
| HEX | |
|---|---|
| RGB | |
| RGB em porcentagem | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Segura para a web | #ff3399 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binário | |
| Decimal | |
| Luminância relativa | 0.2119 |
Sombras
#ea1ca9 misturado progressivamente com preto.
Matizes claros
#ea1ca9 misturado progressivamente com branco.
Tons
#ea1ca9 misturado progressivamente com cinza.
Texto nesta cor
Fundo nesta cor
Borda nesta cor
.text-ea1ca9 {
color: #ea1ca9;
}
.bg-ea1ca9 {
background-color: #ea1ca9;
color: #000000;
}
.border-ea1ca9 {
border: 2px solid #ea1ca9;
}
:root {
--color-primary: #ea1ca9;
--color-primary-rgb: 234 28 169;
--color-primary-hsl: 319 83% 51%;
}
.gradient-ea1ca9 {
background: linear-gradient(135deg, #ea1ca9, #ea1c42);
}
.shadow-ea1ca9 {
box-shadow: 0 8px 24px rgb(234 28 169 / 0.35);
}
Shocking Pink
#ea1ca9 rgb(234, 28, 169) hsl(319, 83%, 51%) Shocking Pink
#1cea5d rgb(28, 234, 93) hsl(139, 83%, 51%) Malachite
#a9ea1c rgb(169, 234, 28) hsl(79, 83%, 51%) Spring Bud
#1ca9ea rgb(28, 169, 234) hsl(199, 83%, 51%) Carolina Blue