#DE4621

#DE4621

Overview

#DE4621 is a warm, light color. In RGB it is 222, 70, 33, in HSL 11.7°, 74.1%, 50.0%, and in CMYK 0.0%, 68.5%, 85.1%, 12.9%. The nearest named color is RAL 2010 Signal Orange.

On this page

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

HEX

#DE4621

RGB

222, 70, 33

HSL

11,7, 74,1%, 50,0%

HSV

11,7, 85,1%, 87,1%

CMYK

0,0%, 68,5%, 85,1%, 12,9%

OKLCH

0,6069 0,1947 34,4

Свойства

Тёплый Светлый Ближайший: RAL 2010 Signal Orange

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

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.

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

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

#DE4621

#21B9DE

Аналогичный

#DE215B

#DEA421

#DE4621

Триадный

#DE4621

#21DE46

#4621DE

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

#DE4621

#21DEA4

#215BDE

Тетрадный

#DE4621

#5BDE21

#21B9DE

#A421DE

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

Оригинал

#DE4621

Протанопия

#9C9B2A

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

#A5B02C

Тританопия

#D63133

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

#646464

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

background-color: #DE4621;
color: #DE4621;
border-color: #DE4621;
Ближайший Tailwind-оттенок: Orange 700 #C2410C

Оттенки Tailwind

50
#FCF4F3
100
#F8E6E2
200
#F6CBC1
300
#EFA694
400
#E7765B
500
#DE4621
600
#B2381A
700
#8E2D15
800
#6F2311
900
#511D10
950
#33120A

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

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

4,2:1

AA Fail AAA Fail

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

5,0:1

AA Pass AAA Fail

Сравнить с

#DE4621
#21B9DE
#DE4621
#FFFFFF
#000000
#DE4621

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(222, 70, 33) · HSL(11,7, 74,1%, 50,0%) · CMYK(0,0%, 68,5%, 85,1%, 12,9%)

Does #DE4621 meet WCAG contrast on white?

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

What text color is readable on #DE4621?

Use 000000 text on a #DE4621 background; contrast on black is 5,0:1.