#CBC8C3

#CBC8C3

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

HEX

#CBC8C3

RGB

203, 200, 195

HSL

37,5, 7,1%, 78,0%

HSV

37,5, 3,9%, 79,6%

CMYK

0,0%, 1,5%, 3,9%, 20,4%

OKLCH

0,8338 0,0077 80,7

Свойства

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

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

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

#CBC8C3

#C3C6CB

Аналогичный

#CBC4C3

#CACBC3

#CBC8C3

Триадный

#CBC8C3

#C3CBC8

#C8C3CB

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

#CBC8C3

#C3CACB

#C4C3CB

Тетрадный

#CBC8C3

#C3CBC4

#C3C6CB

#CBC3CA

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

Оригинал

#CBC8C3

Протанопия

#CACAC4

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

#CACAC4

Тританопия

#CBC5C5

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

#C8C8C8

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

background-color: #CBC8C3;
color: #CBC8C3;
border-color: #CBC8C3;
Ближайший Tailwind-оттенок: Stone 300 #D6D3D1

Оттенки Tailwind

50
#F8F7F7
100
#EEEDEC
200
#DEDCD9
300
#C6C3BD
400
#A7A29A
500
#898276
600
#6D685F
700
#57534C
800
#44413B
900
#34312D
950
#211F1D

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

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

1,67:1

AA Fail AAA Fail

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

12,59:1

AA Pass AAA Pass

Сравнить с

#CBC8C3
#C3C6CB
#CBC8C3
#FFFFFF
#000000
#CBC8C3

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(203, 200, 195) · HSL(37,5, 7,1%, 78,0%) · CMYK(0,0%, 1,5%, 3,9%, 20,4%)

Does #CBC8C3 meet WCAG contrast on white?

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

What text color is readable on #CBC8C3?

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