#DFAB87

#DFAB87

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

HEX

#DFAB87

RGB

223, 171, 135

HSL

24,5, 57,9%, 70,2%

HSV

24,5, 39,5%, 87,5%

CMYK

0,0%, 23,3%, 39,5%, 12,5%

OKLCH

0,7805 0,0783 56,0

Свойства

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

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

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.

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

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

#DFAB87

#87BBDF

Аналогичный

#DF878F

#DFD787

#DFAB87

Триадный

#DFAB87

#87DFAB

#AB87DF

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

#DFAB87

#87DFD7

#878FDF

Тетрадный

#DFAB87

#8FDF87

#87BBDF

#D787DF

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

Оригинал

#DFAB87

Протанопия

#C8C890

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

#CCCF92

Тританопия

#DC9798

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

#B3B3B3

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

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

Оттенки Tailwind

50
#FBF7F4
100
#F6ECE4
200
#F0D8C7
300
#E5BB9E
400
#D7976A
500
#C97236
600
#A15B2B
700
#814922
800
#65391B
900
#4A2C17
950
#2F1C0F

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

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

2,04:1

AA Fail AAA Fail

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

10,31:1

AA Pass AAA Pass

Сравнить с

#DFAB87
#87BBDF
#DFAB87
#FFFFFF
#000000
#DFAB87

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(223, 171, 135) · HSL(24,5, 57,9%, 70,2%) · CMYK(0,0%, 23,3%, 39,5%, 12,5%)

Does #DFAB87 meet WCAG contrast on white?

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

What text color is readable on #DFAB87?

Use 000000 text on a #DFAB87 background; contrast on black is 10,31:1.