#F654DF

#F654DF

Overview

#F654DF is a warm, light color. In RGB it is 246, 84, 223, in HSL 308.5°, 90.0%, 64.7%, and in CMYK 0.0%, 65.9%, 9.3%, 3.5%. The nearest named color is Purple Pizzazz.

On this page

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

HEX

#F654DF

RGB

246, 84, 223

HSL

308,5, 90,0%, 64,7%

HSV

308,5, 65,9%, 96,5%

CMYK

0,0%, 65,9%, 9,3%, 3,5%

OKLCH

0,7108 0,245 334,0

Свойства

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

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

Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.

Design Usage

Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.

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

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

#F654DF

#54F66B

Аналогичный

#BC54F6

#F6548E

#F654DF

Триадный

#F654DF

#DFF654

#54DFF6

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

#F654DF

#8EF654

#54F6BC

Тетрадный

#F654DF

#F6BC54

#54F66B

#548EF6

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

Оригинал

#F654DF

Протанопия

#B0AEBD

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

#B9C5B5

Тританопия

#EEA39D

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

#808080

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

background-color: #F654DF;

color: #F654DF;

border-color: #F654DF;

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

Оттенки Tailwind

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

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

2,9:1

AA Fail AAA Fail

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

7,25: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 #F654DF?

RGB(246, 84, 223) · HSL(308,5, 90,0%, 64,7%) · CMYK(0,0%, 65,9%, 9,3%, 3,5%)

Does #F654DF meet WCAG contrast on white?

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

What text color is readable on #F654DF?

Use 000000 text on a #F654DF background; contrast on black is 7,25:1.