#DF6CB0

#DF6CB0

Overview

#DF6CB0 is a warm, light color. In RGB it is 223, 108, 176, in HSL 324.5°, 64.2%, 64.9%, and in CMYK 0.0%, 51.6%, 21.1%, 12.5%. The nearest named color is hotpink 2.

On this page

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

HEX

#DF6CB0

RGB

223, 108, 176

HSL

324,5, 64,2%, 64,9%

HSV

324,5, 51,6%, 87,5%

CMYK

0,0%, 51,6%, 21,1%, 12,5%

OKLCH

0,6873 0,1625 345,7

Свойства

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

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

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.

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

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

#DF6CB0

#6CDF9B

Аналогичный

#D46CDF

#DF6C77

#DF6CB0

Триадный

#DF6CB0

#B0DF6C

#6CB0DF

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

#DF6CB0

#77DF6C

#6CDFD4

Тетрадный

#DF6CB0

#DFD46C

#6CDF9B

#6C77DF

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

Оригинал

#DF6CB0

Протанопия

#ADACA0

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

#B4BC9C

Тританопия

#D99390

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

#898989

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

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

Оттенки Tailwind

50
#FCF3F8
100
#F7E3EF
200
#F2C4E0
300
#E99BC9
400
#DD64AC
500
#D12E8F
600
#A72572
700
#861D5B
800
#691747
900
#4C1436
950
#300D22

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

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

3,04:1

AA Fail AAA Fail

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

6,91:1

AA Pass AAA Fail

Сравнить с

#DF6CB0
#6CDF9B
#DF6CB0
#FFFFFF
#000000
#DF6CB0

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

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

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

RGB(223, 108, 176) · HSL(324,5, 64,2%, 64,9%) · CMYK(0,0%, 51,6%, 21,1%, 12,5%)

Does #DF6CB0 meet WCAG contrast on white?

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

What text color is readable on #DF6CB0?

Use 000000 text on a #DF6CB0 background; contrast on black is 6,91:1.