#DE9021

#DE9021

Overview

#DE9021 is a warm, light color. In RGB it is 222, 144, 33, in HSL 35.2°, 74.1%, 50.0%, and in CMYK 0.0%, 35.1%, 85.1%, 12.9%. The nearest named color is orange 3.

On this page

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

HEX

#DE9021

RGB

222, 144, 33

HSL

35,2, 74,1%, 50,0%

HSV

35,2, 85,1%, 87,1%

CMYK

0,0%, 35,1%, 85,1%, 12,9%

OKLCH

0,7166 0,1472 69,0

Свойства

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

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

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

#DE9021

#216FDE

Аналогичный

#DE3121

#CEDE21

#DE9021

Триадный

#DE9021

#21DE90

#9021DE

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

#DE9021

#21CEDE

#3121DE

Тетрадный

#DE9021

#21DE31

#216FDE

#DE21CE

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

Оригинал

#DE9021

Протанопия

#BCBC3C

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

#C1C742

Тританопия

#DA5156

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

#999999

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

background-color: #DE9021;

color: #DE9021;

border-color: #DE9021;

Ближайший Tailwind-оттенок: Yellow 600 #CA8A04

Оттенки Tailwind

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

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

2,59:1

AA Fail AAA Fail

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

8,12:1

AA Pass AAA Pass

Сравнить с

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

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

Янв 26, 2026

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

Янв 21, 2026

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

Янв 15, 2026

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

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

RGB(222, 144, 33) · HSL(35,2, 74,1%, 50,0%) · CMYK(0,0%, 35,1%, 85,1%, 12,9%)

Does #DE9021 meet WCAG contrast on white?

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

What text color is readable on #DE9021?

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