#D86C49

#D86C49

Overview

#D86C49 is a warm, light color. In RGB it is 216, 108, 73, in HSL 14.7°, 64.7%, 56.7%, and in CMYK 0.0%, 50.0%, 66.2%, 15.3%. The nearest named color is sienna 3.

On this page

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

HEX

#D86C49

RGB

216, 108, 73

HSL

14,7, 64,7%, 56,7%

HSV

14,7, 66,2%, 84,7%

CMYK

0,0%, 50,0%, 66,2%, 15,3%

OKLCH

0,6516 0,1446 38,5

Свойства

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

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

True orange embodies enthusiasm, creativity, and adventure. It stimulates mental activity and social interaction, making it a favorite in creative industries. Orange is highly visible and conveys confidence without the aggression of red, bridging warmth and energy.

Design Usage

Medium orange excels in CTAs, pricing highlights, and gamification elements where excitement is desired. Tech companies and SaaS products use it to differentiate from the dominant blue of their competitors. It requires careful contrast checking since mid-range orange can fail WCAG on light backgrounds.

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

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

#D86C49

#49B5D8

Аналогичный

#D8496E

#D8B449

#D86C49

Триадный

#D86C49

#49D86C

#6C49D8

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

#D86C49

#49D8B4

#496ED8

Тетрадный

#D86C49

#6ED849

#49B5D8

#B449D8

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

Оригинал

#D86C49

Протанопия

#A9A851

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

#B0B854

Тританопия

#D3585A

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

#808080

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

background-color: #D86C49;
color: #D86C49;
border-color: #D86C49;
Ближайший Tailwind-оттенок: Red 400 #F87171

Оттенки Tailwind

50
#FCF5F3
100
#F7E8E3
200
#F2D0C4
300
#E9AE9A
400
#DE8264
500
#D2552D
600
#A84424
700
#86371D
800
#692B17
900
#4D2214
950
#30160D

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

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

3,41:1

AA Fail AAA Fail

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

6,16:1

AA Pass AAA Fail

Сравнить с

#D86C49
#49B5D8
#D86C49
#FFFFFF
#000000
#D86C49

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

Руководства по инструментам

WCAG AA vs AAA: Contrast Requirements Compared

Авг 20, 2026
Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026

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

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

RGB(216, 108, 73) · HSL(14,7, 64,7%, 56,7%) · CMYK(0,0%, 50,0%, 66,2%, 15,3%)

Does #D86C49 meet WCAG contrast on white?

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

What text color is readable on #D86C49?

Use 000000 text on a #D86C49 background; contrast on black is 6,16:1.