#F784F4

#F784F4

Overview

#F784F4 is a warm, light color. In RGB it is 247, 132, 244, in HSL 301.6°, 87.8%, 74.3%, and in CMYK 0.0%, 46.6%, 1.2%, 3.1%. The nearest named color is violet.

On this page

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

HEX

#F784F4

RGB

247, 132, 244

HSL

301,6, 87,8%, 74,3%

HSV

301,6, 46,6%, 96,9%

CMYK

0,0%, 46,6%, 1,2%, 3,1%

OKLCH

0,7779 0,1938 328,2

Свойства

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

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

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.

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

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

#F784F4

#84F787

Аналогичный

#C184F7

#F784BA

#F784F4

Триадный

#F784F4

#F4F784

#84F4F7

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

#F784F4

#BAF784

#84F7C1

Тетрадный

#F784F4

#F7C184

#84F787

#84BAF7

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

Оригинал

#F784F4

Протанопия

#C5C4D9

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

#CCD4D2

Тританопия

#F1C3BF

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

#A5A5A5

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

background-color: #F784F4;

color: #F784F4;

border-color: #F784F4;

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

Оттенки Tailwind

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

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

2,2:1

AA Fail AAA Fail

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

9,56:1

AA Pass AAA Pass

Сравнить с

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

Руководства по инструментам

WCAG AA vs AAA: Contrast Requirements Compared

Авг 20, 2026

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

Янв 26, 2026

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

Янв 21, 2026

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

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

RGB(247, 132, 244) · HSL(301,6, 87,8%, 74,3%) · CMYK(0,0%, 46,6%, 1,2%, 3,1%)

Does #F784F4 meet WCAG contrast on white?

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

What text color is readable on #F784F4?

Use 000000 text on a #F784F4 background; contrast on black is 9,56:1.