#F86FC9

#F86FC9

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

HEX

#F86FC9

RGB

248, 111, 201

HSL

320,6, 90,7%, 70,4%

HSV

320,6, 55,2%, 97,3%

CMYK

0,0%, 55,2%, 19,0%, 2,7%

OKLCH

0,7337 0,1943 342,8

Свойства

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

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

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.

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

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

#F86FC9

#6FF89E

Аналогичный

#E36FF8

#F86F85

#F86FC9

Триадный

#F86FC9

#C9F86F

#6FC9F8

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

#F86FC9

#85F86F

#6FF8E3

Тетрадный

#F86FC9

#F8E36F

#6FF89E

#6F85F8

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

Оригинал

#F86FC9

Протанопия

#BDBBB3

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

#C5CFAE

Тританопия

#F1A29E

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

#939393

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

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

Оттенки Tailwind

50
#FDF1F9
100
#FBDFF1
200
#FCBBE5
300
#F98AD3
400
#F64BBB
500
#F30CA4
600
#C30983
700
#9C0869
800
#7A0652
900
#58093D
950
#380626

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

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

2,59:1

AA Fail AAA Fail

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

8,11:1

AA Pass AAA Pass

Сравнить с

#F86FC9
#6FF89E
#F86FC9
#FFFFFF
#000000
#F86FC9

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(248, 111, 201) · HSL(320,6, 90,7%, 70,4%) · CMYK(0,0%, 55,2%, 19,0%, 2,7%)

Does #F86FC9 meet WCAG contrast on white?

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

What text color is readable on #F86FC9?

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