#DFC4AE

#DFC4AE

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

HEX

#DFC4AE

RGB

223, 196, 174

HSL

26,9, 43,4%, 77,8%

HSV

26,9, 22,0%, 87,5%

CMYK

0,0%, 12,1%, 22,0%, 12,5%

OKLCH

0,8374 0,0429 61,4

Свойства

Тёплый Светлый Ближайший: 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.

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

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

#DFC4AE

#AEC9DF

Аналогичный

#DFAEB0

#DFDCAE

#DFC4AE

Триадный

#DFC4AE

#AEDFC4

#C4AEDF

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

#DFC4AE

#AEDFDC

#AEB0DF

Тетрадный

#DFC4AE

#B0DFAE

#AEC9DF

#DCAEDF

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

Оригинал

#DFC4AE

Протанопия

#D3D3B3

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

#D5D7B5

Тританопия

#DEB8B8

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

#C8C8C8

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

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

Оттенки Tailwind

50
#FAF7F5
100
#F4ECE7
200
#EBDACC
300
#DCBFA7
400
#CA9C78
500
#B77A48
600
#92613A
700
#754E2E
800
#5B3D24
900
#432E1E
950
#2B1D13

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

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

1,66:1

AA Fail AAA Fail

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

12,64:1

AA Pass AAA Pass

Сравнить с

#DFC4AE
#AEC9DF
#DFC4AE
#FFFFFF
#000000
#DFC4AE

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(223, 196, 174) · HSL(26,9, 43,4%, 77,8%) · CMYK(0,0%, 12,1%, 22,0%, 12,5%)

Does #DFC4AE meet WCAG contrast on white?

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

What text color is readable on #DFC4AE?

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