#CBACA4

#CBACA4

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

HEX

#CBACA4

RGB

203, 172, 164

HSL

12,3, 27,3%, 72,0%

HSV

12,3, 19,2%, 79,6%

CMYK

0,0%, 15,3%, 19,2%, 20,4%

OKLCH

0,7694 0,0381 34,8

Свойства

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

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

Light oranges like peach and apricot radiate friendliness, comfort, and gentle optimism. They are psychologically soothing and feel approachable without being overly stimulating. These tones often appear in hospitality and food branding to suggest warmth and welcome.

Design Usage

Soft oranges make excellent card backgrounds and notification banners that need attention without alarm. They are popular in onboarding flows and empty-state illustrations to create a welcoming atmosphere. Pair them with slate gray text and white surfaces for a clean, modern look.

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

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

#CBACA4

#A4C3CB

Аналогичный

#CBA4B0

#CBC0A4

#CBACA4

Триадный

#CBACA4

#A4CBAC

#ACA4CB

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

#CBACA4

#A4CBC0

#A4B0CB

Тетрадный

#CBACA4

#B0CBA4

#A4C3CB

#C0A4CB

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

Оригинал

#CBACA4

Протанопия

#BEBDA6

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

#BFC2A6

Тританопия

#C9A7A8

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

#B2B2B2

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

background-color: #CBACA4;
color: #CBACA4;
border-color: #CBACA4;
Ближайший Tailwind-оттенок: Stone 400 #A8A29E

Оттенки Tailwind

50
#F9F6F6
100
#F1EBE9
200
#E5D6D2
300
#D3B8B1
400
#BA9187
500
#A26B5D
600
#82564A
700
#68443B
800
#51352E
900
#3C2925
950
#261A17

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

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

2,1:1

AA Fail AAA Fail

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

9,98:1

AA Pass AAA Pass

Сравнить с

#CBACA4
#A4C3CB
#CBACA4
#FFFFFF
#000000
#CBACA4

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(203, 172, 164) · HSL(12,3, 27,3%, 72,0%) · CMYK(0,0%, 15,3%, 19,2%, 20,4%)

Does #CBACA4 meet WCAG contrast on white?

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

What text color is readable on #CBACA4?

Use 000000 text on a #CBACA4 background; contrast on black is 9,98:1.