#F877BA
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity/F877BA/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/color/F877BA/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/color/F877BA/)Use the native HTML custom element.
#F877BA
Overview
#F877BA is a warm, light color. In RGB it is 248, 119, 186, in HSL 328.8°, 90.2%, 72.0%, and in CMYK 0.0%, 52.0%, 25.0%, 2.7%. The nearest named color is hotpink 1.
On this page
Значения цвета
#F877BA
248, 119, 186
328,8, 90,2%, 72,0%
328,8, 52,0%, 97,3%
0,0%, 52,0%, 25,0%, 2,7%
0,7386 0,1733 349,8
Свойства
Психология цвета
Light magentas and fuchsia tints radiate playful energy, self-expression, and modern individuality. They feel bold yet approachable, associated with creativity and nonconformity. These hues challenge convention and signal a willingness to stand out.
Design Usage
Light magentas are effective for fashion, entertainment, and youth-oriented brands. They add vibrant personality as accent colors in otherwise neutral palettes. Use for notification badges, featured tags, and interactive hover states.
Цветовые гармонии
Симуляция цветовой слепоты
Использование в CSS
background-color: #F877BA;
color: #F877BA;
border-color: #F877BA;
Pink 400
#F472B6
Оттенки Tailwind
Проверка контрастности
Текст на белом
2,52:1
Текст на чёрном
8,34:1
Сравнить с
Похожие статьи
Часто задаваемые вопросы
What are the RGB, HSL, and CMYK values of #F877BA?
RGB(248, 119, 186) · HSL(328,8, 90,2%, 72,0%) · CMYK(0,0%, 52,0%, 25,0%, 2,7%)
Does #F877BA meet WCAG contrast on white?
2,52:1 — WCAG AA Не соответствует, AAA Не соответствует for normal text.
What text color is readable on #F877BA?
Use 000000 text on a #F877BA background; contrast on black is 8,34:1.