#CCC4B5

#CCC4B5

Overview

#CCC4B5 is a warm, light color. In RGB it is 204, 196, 181, in HSL 39.1°, 18.4%, 75.5%, and in CMYK 0.0%, 3.9%, 11.3%, 20.0%. The nearest named color is RAL 7044 Silk Grey.

On this page

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

HEX

#CCC4B5

RGB

204, 196, 181

HSL

39,1, 18,4%, 75,5%

HSV

39,1, 11,3%, 80,0%

CMYK

0,0%, 3,9%, 11,3%, 20,0%

OKLCH

0,8227 0,0224 83,3

Свойства

Тёплый Светлый Ближайший: RAL 7044 Silk Grey

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

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.

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

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

#CCC4B5

#B5BDCC

Аналогичный

#CCB9B5

#C9CCB5

#CCC4B5

Триадный

#CCC4B5

#B5CCC4

#C4B5CC

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

#CCC4B5

#B5C9CC

#B9B5CC

Тетрадный

#CCC4B5

#B5CCB9

#B5BDCC

#CCB5C9

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

Оригинал

#CCC4B5

Протанопия

#C9C8B9

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

#C9CABA

Тританопия

#CCBBBC

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

#C5C5C5

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

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

Оттенки Tailwind

50
#F9F8F6
100
#F0EEEA
200
#E2DDD5
300
#CDC5B7
400
#B2A68F
500
#978768
600
#796C53
700
#615643
800
#4B4334
900
#383328
950
#24201A

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

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

1,73:1

AA Fail AAA Fail

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

12,13:1

AA Pass AAA Pass

Сравнить с

#CCC4B5
#B5BDCC
#CCC4B5
#FFFFFF
#000000
#CCC4B5

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(204, 196, 181) · HSL(39,1, 18,4%, 75,5%) · CMYK(0,0%, 3,9%, 11,3%, 20,0%)

Does #CCC4B5 meet WCAG contrast on white?

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

What text color is readable on #CCC4B5?

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