#fa46ca ≈ Shocking Pink
#fa46ca — цвет из семейства «пурпурные»; светлота: высокая, насыщенность: сильная. В модели RGB он состоит из 98,04% красного, 27,45% зелёного и 79,22% синего; при печати в CMYK используется 0% голубого, 72% пурпурного, 19,2% жёлтого и 1,96% чёрного. Угол цветового тона — 316°, насыщенность 94,74% и светлота 62,75% в модели HSL. Он находится между тёплыми и холодными и часто ассоциируется с творчеством, смелостью и индивидуальностью. Дизайнеры обычно используют его для: красоты и косметики, креативных студий и кнопок призыва к действию. Текст цвета «чёрный» на этом фоне даёт контраст 6,79:1 (WCAG AA). Ближайший именованный цвет — Shocking Pink (#fc0fc0), ΔE 4,07.
Описание создано на основе измеренных свойств этого цвета.
| HEX | |
|---|---|
| RGB | |
| RGB в процентах | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Безопасный веб-цвет | #ff33cc |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Двоичный | |
| Десятичный | |
| Относительная яркость | 0.2897 |
Тени
#fa46ca, постепенно смешанный с чёрным.
Светлые оттенки
#fa46ca, постепенно смешанный с белым.
Приглушённые оттенки
#fa46ca, постепенно смешанный с серым.
Текст этого цвета
Фон этого цвета
Рамка этого цвета
.text-fa46ca {
color: #fa46ca;
}
.bg-fa46ca {
background-color: #fa46ca;
color: #000000;
}
.border-fa46ca {
border: 2px solid #fa46ca;
}
:root {
--color-primary: #fa46ca;
--color-primary-rgb: 250 70 202;
--color-primary-hsl: 316 95% 63%;
}
.gradient-fa46ca {
background: linear-gradient(135deg, #fa46ca, #fa4670);
}
.shadow-fa46ca {
box-shadow: 0 8px 24px rgb(250 70 202 / 0.35);
}
Shocking Pink
#fa46ca rgb(250, 70, 202) hsl(316, 95%, 63%) Shocking Pink
#46fa76 rgb(70, 250, 118) hsl(136, 95%, 63%) Spring Green
#cafa46 rgb(202, 250, 70) hsl(76, 95%, 63%) Electric Lime
#46cafa rgb(70, 202, 250) hsl(196, 95%, 63%) Deep Sky Blue