#F77CC4

#F77CC4

Значения цвета

HEX

#F77CC4

RGB

247, 124, 196

HSL

324,9, 88,5%, 72,7%

HSV

324,9, 49,8%, 96,9%

CMYK

0,0%, 49,8%, 20,6%, 3,1%

OKLCH

0,7476 0,1703 345,9

Свойства

Тёплый Светлый Ближайший: hotpink 1

Психология цвета

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.

Цветовые гармонии

Комплементарный

#F77CC4

#7CF7AF

Аналогичный

#ED7CF7

#F77C86

#F77CC4

Триадный

#F77CC4

#C4F77C

#7CC4F7

Раздельно-комплементарный

#F77CC4

#86F77C

#7CF7ED

Тетрадный

#F77CC4

#F7ED7C

#7CF7AF

#7C86F7

Симуляция цветовой слепоты

Оригинал

#F77CC4

Протанопия

#C2C1B3

Дейтеранопия

#C9D2AE

Тританопия

#F1A5A2

Ахроматопсия

#9B9B9B

Использование в CSS

background-color: #F77CC4;

color: #F77CC4;

border-color: #F77CC4;

Ближайший Tailwind-оттенок: Pink 400 #F472B6

Оттенки Tailwind

Проверка контрастности

Текст на белом

2,43:1

AA Fail AAA Fail

Текст на чёрном

8,63:1

AA Pass AAA Pass

Сравнить с

Похожие статьи

CSS color-mix(): нативное смешивание цветов в браузере

Янв 26, 2026

Создание веб-компонента выбора цвета с нуля

Янв 21, 2026

Перцептивные Цветовые Пространства: Lab, LCH, Oklab, OKLCH

Янв 15, 2026

Часто задаваемые вопросы

What are the RGB, HSL, and CMYK values of #F77CC4?

RGB(247, 124, 196) · HSL(324,9, 88,5%, 72,7%) · CMYK(0,0%, 49,8%, 20,6%, 3,1%)

Does #F77CC4 meet WCAG contrast on white?

2,43:1 — WCAG AA Не соответствует, AAA Не соответствует for normal text.

What text color is readable on #F77CC4?

Use 000000 text on a #F77CC4 background; contrast on black is 8,63:1.