#DF74F6

#DF74F6

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

HEX

#DF74F6

RGB

223, 116, 246

HSL

289,4, 87,8%, 71,0%

HSV

289,4, 52,8%, 96,5%

CMYK

9,3%, 52,8%, 0,0%, 3,5%

OKLCH

0,729 0,2073 320,3

Свойства

Холодный Светлый Ближайший: Shocking Pink

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

Light purples and lavenders evoke romance, nostalgia, and gentle luxury. They are calming and slightly whimsical, often associated with springtime flowers and delicate fragrance. Lavender tones stimulate creativity and imagination while maintaining a sense of refinement.

Design Usage

Soft purple is popular in beauty brands, creative platforms, and children's educational apps. It creates distinctive card backgrounds and feature highlights that feel premium without being heavy. Pair it with sage green or warm gold for a sophisticated, trend-forward color combination.

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

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

#DF74F6

#8BF674

Аналогичный

#9E74F6

#F674CC

#DF74F6

Триадный

#DF74F6

#F6DF74

#74F6DF

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

#DF74F6

#CCF674

#74F69E

Тетрадный

#DF74F6

#F69E74

#8BF674

#74CCF6

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

Оригинал

#DF74F6

Протанопия

#B1B0D7

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

#B7BFCF

Тританопия

#DABEB8

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

#949494

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

background-color: #DF74F6;
color: #DF74F6;
border-color: #DF74F6;
Ближайший Tailwind-оттенок: Fuchsia 400 #E879F9

Оттенки Tailwind

50
#FBF2FD
100
#F6E0FA
200
#F0BCFB
300
#E58CF8
400
#D64EF3
500
#C810EF
600
#A00CC0
700
#800A99
800
#640878
900
#490A57
950
#2E0637

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

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

2,64:1

AA Fail AAA Fail

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

7,97:1

AA Pass AAA Pass

Сравнить с

#DF74F6
#8BF674
#DF74F6
#FFFFFF
#000000
#DF74F6

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(223, 116, 246) · HSL(289,4, 87,8%, 71,0%) · CMYK(9,3%, 52,8%, 0,0%, 3,5%)

Does #DF74F6 meet WCAG contrast on white?

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

What text color is readable on #DF74F6?

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