#F78BC2

#F78BC2

Overview

#F78BC2 is a warm, light color. In RGB it is 247, 139, 194, in HSL 329.4°, 87.1%, 75.7%, and in CMYK 0.0%, 43.7%, 21.5%, 3.1%. The nearest named color is palevioletred 1.

On this page

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

HEX

#F78BC2

RGB

247, 139, 194

HSL

329,4, 87,1%, 75,7%

HSV

329,4, 43,7%, 96,9%

CMYK

0,0%, 43,7%, 21,5%, 3,1%

OKLCH

0,7685 0,145 349,2

Свойства

Тёплый Светлый Ближайший: palevioletred 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.

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

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

#F78BC2

#8BF7C0

Аналогичный

#F68BF7

#F78B8C

#F78BC2

Триадный

#F78BC2

#C2F78B

#8BC2F7

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

#F78BC2

#8CF78B

#8BF7F6

Тетрадный

#F78BC2

#F7F68B

#8BF7C0

#8B8CF7

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

Оригинал

#F78BC2

Протанопия

#C8C7B5

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

#CED7B1

Тританопия

#F2AAA8

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

#A6A6A6

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

background-color: #F78BC2;
color: #F78BC2;
border-color: #F78BC2;
Ближайший Tailwind-оттенок: Pink 400 #F472B6

Оттенки Tailwind

50
#FDF2F7
100
#FAE0ED
200
#FABCDC
300
#F78CC3
400
#F34EA2
500
#EF1082
600
#BF0D68
700
#990B53
800
#770841
900
#560A31
950
#37071F

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

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

2,23:1

AA Fail AAA Fail

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

9,43:1

AA Pass AAA Pass

Сравнить с

#F78BC2
#8BF7C0
#F78BC2
#FFFFFF
#000000
#F78BC2

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(247, 139, 194) · HSL(329,4, 87,1%, 75,7%) · CMYK(0,0%, 43,7%, 21,5%, 3,1%)

Does #F78BC2 meet WCAG contrast on white?

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

What text color is readable on #F78BC2?

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