#CCC8D6

#CCC8D6

Overview

#CCC8D6 is a cool, light color. In RGB it is 204, 200, 214, in HSL 257.1°, 14.6%, 81.2%, and in CMYK 4.7%, 6.5%, 0.0%, 16.1%. The nearest named color is lavenderblush 3.

On this page

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

HEX

#CCC8D6

RGB

204, 200, 214

HSL

257,1, 14,6%, 81,2%

HSV

257,1, 6,5%, 83,9%

CMYK

4,7%, 6,5%, 0,0%, 16,1%

OKLCH

0,8402 0,0197 299,0

Свойства

Холодный Светлый Ближайший: lavenderblush 3

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

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

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

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

#CCC8D6

#D2D6C8

Аналогичный

#C8CBD6

#D3C8D6

#CCC8D6

Триадный

#CCC8D6

#D6CCC8

#C8D6CC

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

#CCC8D6

#D6D3C8

#CBD6C8

Тетрадный

#CCC8D6

#D6C8CB

#D2D6C8

#C8D6D3

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

Оригинал

#CCC8D6

Протанопия

#CACAD3

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

#CACBD2

Тританопия

#CCD0CF

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

#CACACA

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

background-color: #CCC8D6;

color: #CCC8D6;

border-color: #CCC8D6;

Ближайший Tailwind-оттенок: Slate 300 #CBD5E1

Оттенки Tailwind

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

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

1,64:1

AA Fail AAA Fail

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

12,8:1

AA Pass AAA Pass

Сравнить с

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

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

Янв 26, 2026

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

Янв 21, 2026

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

Янв 15, 2026

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

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

RGB(204, 200, 214) · HSL(257,1, 14,6%, 81,2%) · CMYK(4,7%, 6,5%, 0,0%, 16,1%)

Does #CCC8D6 meet WCAG contrast on white?

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

What text color is readable on #CCC8D6?

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