#DDC7AF

#DDC7AF

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

HEX

#DDC7AF

RGB

221, 199, 175

HSL

31,3, 40,4%, 77,6%

HSV

31,3, 20,8%, 86,7%

CMYK

0,0%, 10,0%, 20,8%, 13,3%

OKLCH

0,8417 0,0409 69,7

Свойства

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

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

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.

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

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

#DDC7AF

#AFC5DD

Аналогичный

#DDB0AF

#DCDDAF

#DDC7AF

Триадный

#DDC7AF

#AFDDC7

#C7AFDD

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

#DDC7AF

#AFDCDD

#B0AFDD

Тетрадный

#DDC7AF

#AFDDB0

#AFC5DD

#DDAFDC

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

Оригинал

#DDC7AF

Протанопия

#D3D3B5

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

#D5D6B6

Тританопия

#DCB9BA

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

#CACACA

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

background-color: #DDC7AF;
color: #DDC7AF;
border-color: #DDC7AF;
Ближайший Tailwind-оттенок: Orange 100 #FFEDD5

Оттенки Tailwind

50
#FAF7F5
100
#F3EDE7
200
#EADCCD
300
#DBC3A9
400
#C7A27B
500
#B3824C
600
#8F683D
700
#735331
800
#5A4126
900
#42311F
950
#2A1F13

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

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

1,63:1

AA Fail AAA Fail

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

12,86:1

AA Pass AAA Pass

Сравнить с

#DDC7AF
#AFC5DD
#DDC7AF
#FFFFFF
#000000
#DDC7AF

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(221, 199, 175) · HSL(31,3, 40,4%, 77,6%) · CMYK(0,0%, 10,0%, 20,8%, 13,3%)

Does #DDC7AF meet WCAG contrast on white?

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

What text color is readable on #DDC7AF?

Use 000000 text on a #DDC7AF background; contrast on black is 12,86:1.