#C57521

#C57521

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

HEX

#C57521

RGB

197, 117, 33

HSL

30,7, 71,3%, 45,1%

HSV

30,7, 83,2%, 77,3%

CMYK

0,0%, 40,6%, 83,2%, 22,7%

OKLCH

0,6368 0,1356 61,1

Свойства

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

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.

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

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

Аналогичный

Триадный

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

Тетрадный

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

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

background-color: #C57521;
color: #C57521;
border-color: #C57521;
Ближайший Tailwind-оттенок: Yellow 700 #A16207

Оттенки Tailwind

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

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

3,54:1

AA Fail AAA Fail

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

5,94:1

AA Pass AAA Fail

Сравнить с

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

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

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

RGB(197, 117, 33) · HSL(30,7, 71,3%, 45,1%) · CMYK(0,0%, 40,6%, 83,2%, 22,7%)

Does #C57521 meet WCAG contrast on white?

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

What text color is readable on #C57521?

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