#CCC2F7

#CCC2F7

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

HEX

#CCC2F7

RGB

204, 194, 247

HSL

251,3, 76,8%, 86,5%

HSV

251,3, 21,5%, 96,9%

CMYK

17,4%, 21,5%, 0,0%, 3,1%

OKLCH

0,8399 0,074 293,4

Свойства

Холодный Светлый Ближайший: NCS S 0520-R80B Light Lavender

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

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.

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

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

#CCC2F7

#EDF7C2

Аналогичный

#C2D3F7

#E7C2F7

#CCC2F7

Триадный

#CCC2F7

#F7CCC2

#C2F7CC

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

#CCC2F7

#F7E7C2

#D3F7C2

Тетрадный

#CCC2F7

#F7C2D3

#EDF7C2

#C2F7E7

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

Оригинал

#CCC2F7

Протанопия

#C8C8EA

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

#C8C9E7

Тританопия

#CBE0DE

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

#C8C8C8

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

background-color: #CCC2F7;
color: #CCC2F7;
border-color: #CCC2F7;
Ближайший Tailwind-оттенок: Indigo 200 #C7D2FE

Оттенки Tailwind

50
#F4F2FC
100
#E6E1F9
200
#CAC0F7
300
#A593F1
400
#7358E9
500
#421EE1
600
#3518B4
700
#2B1390
800
#210F71
900
#1C0F52
950
#110934

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

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

1,66:1

AA Fail AAA Fail

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

12,63:1

AA Pass AAA Pass

Сравнить с

#CCC2F7
#EDF7C2
#CCC2F7
#FFFFFF
#000000
#CCC2F7

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(204, 194, 247) · HSL(251,3, 76,8%, 86,5%) · CMYK(17,4%, 21,5%, 0,0%, 3,1%)

Does #CCC2F7 meet WCAG contrast on white?

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

What text color is readable on #CCC2F7?

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