#ea45ba ≈ Shocking Pink
#ea45ba — цвет из семейства «пурпурные»; светлота: средняя, насыщенность: сильная. В модели RGB он состоит из 91,76% красного, 27,06% зелёного и 72,94% синего; при печати в CMYK используется 0% голубого, 70,51% пурпурного, 20,51% жёлтого и 8,24% чёрного. Угол цветового тона — 317,45°, насыщенность 79,71% и светлота 59,41% в модели HSL. Он находится между тёплыми и холодными и часто ассоциируется с творчеством, смелостью и индивидуальностью. Дизайнеры обычно используют его для: красоты и косметики, креативных студий и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 6,06:1 (WCAG AA). Ближайший именованный цвет — Shocking Pink (#fc0fc0), ΔE 3,35.
Описание создано на основе измеренных свойств этого цвета.
| HEX | |
|---|---|
| RGB | |
| RGB в процентах | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Безопасный веб-цвет | #ff33cc |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Двоичный | |
| Десятичный | |
| Относительная яркость | 0.2529 |
Тени
#ea45ba, постепенно смешанный с чёрным.
Светлые оттенки
#ea45ba, постепенно смешанный с белым.
Приглушённые оттенки
#ea45ba, постепенно смешанный с серым.
Текст этого цвета
Фон этого цвета
Рамка этого цвета
.text-ea45ba {
color: #ea45ba;
}
.bg-ea45ba {
background-color: #ea45ba;
color: #000000;
}
.border-ea45ba {
border: 2px solid #ea45ba;
}
:root {
--color-primary: #ea45ba;
--color-primary-rgb: 234 69 186;
--color-primary-hsl: 317 80% 59%;
}
.gradient-ea45ba {
background: linear-gradient(135deg, #ea45ba, #ea4568);
}
.shadow-ea45ba {
box-shadow: 0 8px 24px rgb(234 69 186 / 0.35);
}
Shocking Pink
#ea45ba rgb(234, 69, 186) hsl(317, 80%, 59%) Shocking Pink
#45ea75 rgb(69, 234, 117) hsl(137, 80%, 59%) Spring Green
#baea45 rgb(186, 234, 69) hsl(77, 80%, 59%) Inchworm
#45baea rgb(69, 186, 234) hsl(197, 80%, 59%) Deep Sky Blue