#DFC3AA

#DFC3AA

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

HEX

#DFC3AA

RGB

223, 195, 170

HSL

28,3, 45,3%, 77,1%

HSV

28,3, 23,8%, 87,5%

CMYK

0,0%, 12,6%, 23,8%, 12,5%

OKLCH

0,8345 0,0465 63,9

Свойства

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

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

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.

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

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

#DFC3AA

#AAC6DF

Аналогичный

#DFAAAC

#DFDEAA

#DFC3AA

Триадный

#DFC3AA

#AADFC3

#C3AADF

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

#DFC3AA

#AADFDE

#AAACDF

Тетрадный

#DFC3AA

#ACDFAA

#AAC6DF

#DEAADF

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

Оригинал

#DFC3AA

Протанопия

#D3D3B0

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

#D4D7B2

Тританопия

#DEB5B6

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

#C7C7C7

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

background-color: #DFC3AA;
color: #DFC3AA;
border-color: #DFC3AA;
Ближайший Tailwind-оттенок: Orange 200 #FED7AA

Оттенки Tailwind

50
#FAF7F4
100
#F4EDE6
200
#EBDACB
300
#DEC0A6
400
#CB9E76
500
#B97C46
600
#946338
700
#77502D
800
#5D3E23
900
#442F1D
950
#2B1E12

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

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

1,68:1

AA Fail AAA Fail

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

12,52:1

AA Pass AAA Pass

Сравнить с

#DFC3AA
#AAC6DF
#DFC3AA
#FFFFFF
#000000
#DFC3AA

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(223, 195, 170) · HSL(28,3, 45,3%, 77,1%) · CMYK(0,0%, 12,6%, 23,8%, 12,5%)

Does #DFC3AA meet WCAG contrast on white?

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

What text color is readable on #DFC3AA?

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