#F86ADE

#F86ADE

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

HEX

#F86ADE

RGB

248, 106, 222

HSL

311,0, 91,0%, 69,4%

HSV

311,0, 57,3%, 97,3%

CMYK

0,0%, 57,3%, 10,5%, 2,7%

OKLCH

0,7364 0,2162 335,3

Свойства

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

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

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.

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

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

#F86ADE

#6AF884

Аналогичный

#CB6AF8

#F86A97

#F86ADE

Триадный

#F86ADE

#DEF86A

#6ADEF8

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

#F86ADE

#97F86A

#6AF8CB

Тетрадный

#F86ADE

#F8CB6A

#6AF884

#6A97F8

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

Оригинал

#F86ADE

Протанопия

#BAB9C2

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

#C3CDBB

Тританопия

#F1ACA7

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

#919191

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

background-color: #F86ADE;

color: #F86ADE;

border-color: #F86ADE;

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

Оттенки Tailwind

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

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

2,59:1

AA Fail AAA Fail

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

8,11: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 #F86ADE?

RGB(248, 106, 222) · HSL(311,0, 91,0%, 69,4%) · CMYK(0,0%, 57,3%, 10,5%, 2,7%)

Does #F86ADE meet WCAG contrast on white?

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

What text color is readable on #F86ADE?

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