#CC8569

#CC8569

Overview

#CC8569 is a warm, light color. In RGB it is 204, 133, 105, in HSL 17.0°, 49.3%, 60.6%, and in CMYK 0.0%, 34.8%, 48.5%, 20.0%. The nearest named color is lightsalmon 3.

On this page

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

HEX

#CC8569

RGB

204, 133, 105

HSL

17,0, 49,3%, 60,6%

HSV

17,0, 48,5%, 80,0%

CMYK

0,0%, 34,8%, 48,5%, 20,0%

OKLCH

0,6832 0,0966 42,3

Свойства

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

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

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

#CC8569

#69B0CC

Аналогичный

#CC697E

#CCB769

#CC8569

Триадный

#CC8569

#69CC85

#8569CC

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

#CC8569

#69CCB7

#697ECC

Тетрадный

#CC8569

#7ECC69

#69B0CC

#B769CC

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

Оригинал

#CC8569

Протанопия

#ADAD70

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

#B1B771

Тританопия

#C87576

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

#929292

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

background-color: #CC8569;
color: #CC8569;
border-color: #CC8569;
Ближайший Tailwind-оттенок: Red 300 #FCA5A5

Оттенки Tailwind

50
#FBF6F4
100
#F5EAE6
200
#EDD4CA
300
#E0B5A4
400
#CF8C72
500
#BE6441
600
#985034
700
#7A4029
800
#5F3220
900
#46271B
950
#2C1911

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

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

2,95:1

AA Fail AAA Fail

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

7,13:1

AA Pass AAA Pass

Сравнить с

#CC8569
#69B0CC
#CC8569
#FFFFFF
#000000
#CC8569

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

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

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 #CC8569?

RGB(204, 133, 105) · HSL(17,0, 49,3%, 60,6%) · CMYK(0,0%, 34,8%, 48,5%, 20,0%)

Does #CC8569 meet WCAG contrast on white?

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

What text color is readable on #CC8569?

Use 000000 text on a #CC8569 background; contrast on black is 7,13:1.