#DF46A2

#DF46A2

Overview

#DF46A2 is a warm, light color. In RGB it is 223, 70, 162, in HSL 323.9°, 70.5%, 57.5%, and in CMYK 0.0%, 68.6%, 27.4%, 12.5%. The nearest named color is maroon 3.

On this page

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

HEX

#DF46A2

RGB

223, 70, 162

HSL

323,9, 70,5%, 57,5%

HSV

323,9, 68,6%, 87,5%

CMYK

0,0%, 68,6%, 27,4%, 12,5%

OKLCH

0,6374 0,2085 347,6

Свойства

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

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

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.

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

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

#DF46A2

#46DF83

Аналогичный

#CF46DF

#DF4656

#DF46A2

Триадный

#DF46A2

#A2DF46

#46A2DF

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

#DF46A2

#56DF46

#46DFCF

Тетрадный

#DF46A2

#DFCF46

#46DF83

#4656DF

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

Оригинал

#DF46A2

Протанопия

#9D9B8C

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

#A6B186

Тританопия

#D77A76

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

#6D6D6D

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

background-color: #DF46A2;

color: #DF46A2;

border-color: #DF46A2;

Ближайший Tailwind-оттенок: Pink 500 #EC4899

Оттенки Tailwind

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

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

3,79:1

AA Fail AAA Fail

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

5,54:1

AA Pass AAA Fail

Сравнить с

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

Руководства по инструментам

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 #DF46A2?

RGB(223, 70, 162) · HSL(323,9, 70,5%, 57,5%) · CMYK(0,0%, 68,6%, 27,4%, 12,5%)

Does #DF46A2 meet WCAG contrast on white?

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

What text color is readable on #DF46A2?

Use 000000 text on a #DF46A2 background; contrast on black is 5,54:1.