#ea2bac ≈ Shocking Pink
#ea2bac — цвет из семейства «пурпурные»; светлота: средняя, насыщенность: сильная. В модели RGB он состоит из 91,76% красного, 16,86% зелёного и 67,45% синего; при печати в CMYK используется 0% голубого, 81,62% пурпурного, 26,5% жёлтого и 8,24% чёрного. Угол цветового тона — 319,48°, насыщенность 81,97% и светлота 54,31% в модели HSL. Он находится между тёплыми и холодными и часто ассоциируется с творчеством, смелостью и индивидуальностью. Дизайнеры обычно используют его для: красоты и косметики, креативных студий и кнопок призыва к действию. Текст цвета «чёрный» на этом фоне даёт контраст 5,44:1 (WCAG AA). Ближайший именованный цвет — Shocking Pink (#fc0fc0), ΔE 3,7.
Описание создано на основе измеренных свойств этого цвета.
| HEX | |
|---|---|
| RGB | |
| RGB в процентах | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Безопасный веб-цвет | #ff3399 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Двоичный | |
| Десятичный | |
| Относительная яркость | 0.222 |
Тени
#ea2bac, постепенно смешанный с чёрным.
Светлые оттенки
#ea2bac, постепенно смешанный с белым.
Приглушённые оттенки
#ea2bac, постепенно смешанный с серым.
Текст этого цвета
Фон этого цвета
Рамка этого цвета
.text-ea2bac {
color: #ea2bac;
}
.bg-ea2bac {
background-color: #ea2bac;
color: #000000;
}
.border-ea2bac {
border: 2px solid #ea2bac;
}
:root {
--color-primary: #ea2bac;
--color-primary-rgb: 234 43 172;
--color-primary-hsl: 319 82% 54%;
}
.gradient-ea2bac {
background: linear-gradient(135deg, #ea2bac, #ea2b4c);
}
.shadow-ea2bac {
box-shadow: 0 8px 24px rgb(234 43 172 / 0.35);
}
Shocking Pink
#ea2bac rgb(234, 43, 172) hsl(319, 82%, 54%) Shocking Pink
#2bea69 rgb(43, 234, 105) hsl(139, 82%, 54%) Malachite
#acea2b rgb(172, 234, 43) hsl(79, 82%, 54%) Inchworm
#2bacea rgb(43, 172, 234) hsl(199, 82%, 54%) Carolina Blue