#D4CCF3

#D4CCF3

Overview

#D4CCF3 is a cool, light color. In RGB it is 212, 204, 243, in HSL 252.3°, 61.9%, 87.6%, and in CMYK 12.8%, 16.0%, 0.0%, 4.7%. The nearest named color is thistle 2.

On this page

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

HEX

#D4CCF3

RGB

212, 204, 243

HSL

252,3, 61,9%, 87,6%

HSV

252,3, 16,0%, 95,3%

CMYK

12,8%, 16,0%, 0,0%, 4,7%

OKLCH

0,8641 0,0541 294,6

Свойства

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

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

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.

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

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

#D4CCF3

#EBF3CC

Аналогичный

#CCD7F3

#E7CCF3

#D4CCF3

Триадный

#D4CCF3

#F3D4CC

#CCF3D4

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

#D4CCF3

#F3E7CC

#D7F3CC

Тетрадный

#D4CCF3

#F3CCD7

#EBF3CC

#CCF3E7

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

Оригинал

#D4CCF3

Протанопия

#D1D0EA

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

#D1D2E7

Тританопия

#D4E2E0

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

#D1D1D1

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

background-color: #D4CCF3;

color: #D4CCF3;

border-color: #D4CCF3;

Ближайший Tailwind-оттенок: Violet 200 #DDD6FE

Оттенки Tailwind

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

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

1,53:1

AA Fail AAA Fail

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

13,73: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 #D4CCF3?

RGB(212, 204, 243) · HSL(252,3, 61,9%, 87,6%) · CMYK(12,8%, 16,0%, 0,0%, 4,7%)

Does #D4CCF3 meet WCAG contrast on white?

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

What text color is readable on #D4CCF3?

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