#DCCCBA

#DCCCBA

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

HEX

#DCCCBA

RGB

220, 204, 186

HSL

31,8, 32,7%, 79,6%

HSV

31,8, 15,5%, 86,3%

CMYK

0,0%, 7,3%, 15,5%, 13,7%

OKLCH

0,8535 0,0303 70,7

Свойства

Тёплый Светлый Ближайший: RAL 7044 Silk Grey

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

Light oranges like peach and apricot radiate friendliness, comfort, and gentle optimism. They are psychologically soothing and feel approachable without being overly stimulating. These tones often appear in hospitality and food branding to suggest warmth and welcome.

Design Usage

Soft oranges make excellent card backgrounds and notification banners that need attention without alarm. They are popular in onboarding flows and empty-state illustrations to create a welcoming atmosphere. Pair them with slate gray text and white surfaces for a clean, modern look.

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

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

#DCCCBA

#BACADC

Аналогичный

#DCBBBA

#DBDCBA

#DCCCBA

Триадный

#DCCCBA

#BADCCC

#CCBADC

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

#DCCCBA

#BADBDC

#BBBADC

Тетрадный

#DCCCBA

#BADCBB

#BACADC

#DCBADB

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

Оригинал

#DCCCBA

Протанопия

#D5D5BE

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

#D6D7BF

Тританопия

#DBC2C3

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

#CECECE

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

background-color: #DCCCBA;
color: #DCCCBA;
border-color: #DCCCBA;
Ближайший Tailwind-оттенок: Stone 300 #D6D3D1

Оттенки Tailwind

50
#F9F7F5
100
#F2EDE8
200
#E7DCD0
300
#D6C3AE
400
#C0A382
500
#A98256
600
#876845
700
#6C5337
800
#55412B
900
#3F3122
950
#281F16

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

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

1,57:1

AA Fail AAA Fail

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

13,39:1

AA Pass AAA Pass

Сравнить с

#DCCCBA
#BACADC
#DCCCBA
#FFFFFF
#000000
#DCCCBA

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(220, 204, 186) · HSL(31,8, 32,7%, 79,6%) · CMYK(0,0%, 7,3%, 15,5%, 13,7%)

Does #DCCCBA meet WCAG contrast on white?

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

What text color is readable on #DCCCBA?

Use 000000 text on a #DCCCBA background; contrast on black is 13,39:1.