#CCC2D1

#CCC2D1

Overview

#CCC2D1 is a cool, light color. In RGB it is 204, 194, 209, in HSL 280.0°, 14.0%, 79.0%, and in CMYK 2.4%, 7.2%, 0.0%, 18.0%. The nearest named color is lavenderblush 3.

On this page

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

HEX

#CCC2D1

RGB

204, 194, 209

HSL

280,0, 14,0%, 79,0%

HSV

280,0, 7,2%, 82,0%

CMYK

2,4%, 7,2%, 0,0%, 18,0%

OKLCH

0,8267 0,0233 314,7

Свойства

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

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

Light purples and lavenders evoke romance, nostalgia, and gentle luxury. They are calming and slightly whimsical, often associated with springtime flowers and delicate fragrance. Lavender tones stimulate creativity and imagination while maintaining a sense of refinement.

Design Usage

Soft purple is popular in beauty brands, creative platforms, and children's educational apps. It creates distinctive card backgrounds and feature highlights that feel premium without being heavy. Pair it with sage green or warm gold for a sophisticated, trend-forward color combination.

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

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

#CCC2D1

#C7D1C2

Аналогичный

#C4C2D1

#D1C2CE

#CCC2D1

Триадный

#CCC2D1

#D1CCC2

#C2D1CC

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

#CCC2D1

#CED1C2

#C2D1C4

Тетрадный

#CCC2D1

#D1C4C2

#C7D1C2

#C2CED1

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

Оригинал

#CCC2D1

Протанопия

#C8C8CD

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

#C8C9CC

Тританопия

#CBCBCA

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

#C5C5C5

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

background-color: #CCC2D1;
color: #CCC2D1;
border-color: #CCC2D1;
Ближайший Tailwind-оттенок: Zinc 300 #D4D4D8

Оттенки Tailwind

50
#F8F6F8
100
#EEEBEF
200
#DDD6E0
300
#C5B9CA
400
#A593AE
500
#856E91
600
#6B5874
700
#55465D
800
#433749
900
#322A37
950
#201B22

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

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

1,72:1

AA Fail AAA Fail

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

12,2:1

AA Pass AAA Pass

Сравнить с

#CCC2D1
#C7D1C2
#CCC2D1
#FFFFFF
#000000
#CCC2D1

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(204, 194, 209) · HSL(280,0, 14,0%, 79,0%) · CMYK(2,4%, 7,2%, 0,0%, 18,0%)

Does #CCC2D1 meet WCAG contrast on white?

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

What text color is readable on #CCC2D1?

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