#DF86C8

#DF86C8

Overview

#DF86C8 is a warm, light color. In RGB it is 223, 134, 200, in HSL 315.5°, 58.2%, 70.0%, and in CMYK 0.0%, 39.9%, 10.3%, 12.5%. The nearest named color is plum.

On this page

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

HEX

#DF86C8

RGB

223, 134, 200

HSL

315,5, 58,2%, 70,0%

HSV

315,5, 39,9%, 87,5%

CMYK

0,0%, 39,9%, 10,3%, 12,5%

OKLCH

0,7346 0,1362 337,1

Свойства

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

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

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.

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

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

#DF86C8

#86DF9D

Аналогичный

#CA86DF

#DF869B

#DF86C8

Триадный

#DF86C8

#C8DF86

#86C8DF

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

#DF86C8

#9BDF86

#86DFCA

Тетрадный

#DF86C8

#DFCA86

#86DF9D

#869BDF

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

Оригинал

#DF86C8

Протанопия

#B8B8B8

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

#BEC4B4

Тританопия

#DBABA9

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

#9E9E9E

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

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

Оттенки Tailwind

50
#FBF4F9
100
#F6E4F1
200
#F0C7E5
300
#E59ED3
400
#D86ABB
500
#CA35A3
600
#A12B83
700
#812269
800
#651B52
900
#4A173D
950
#2F0F26

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

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

2,51:1

AA Fail AAA Fail

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

8,38:1

AA Pass AAA Pass

Сравнить с

#DF86C8
#86DF9D
#DF86C8
#FFFFFF
#000000
#DF86C8

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

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

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

RGB(223, 134, 200) · HSL(315,5, 58,2%, 70,0%) · CMYK(0,0%, 39,9%, 10,3%, 12,5%)

Does #DF86C8 meet WCAG contrast on white?

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

What text color is readable on #DF86C8?

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