#CCD4FD

#CCD4FD

Overview

#CCD4FD is a cool, light color. In RGB it is 204, 212, 253, in HSL 230.2°, 92.5%, 89.6%, and in CMYK 19.4%, 16.2%, 0.0%, 0.8%. The nearest named color is lightsteelblue 1.

On this page

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

HEX

#CCD4FD

RGB

204, 212, 253

HSL

230,2, 92,5%, 89,6%

HSV

230,2, 19,4%, 99,2%

CMYK

19,4%, 16,2%, 0,0%, 0,8%

OKLCH

0,8771 0,0573 276,5

Свойства

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

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

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.

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

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

#CCD4FD

#FDF5CC

Аналогичный

#CCECFD

#DCCCFD

#CCD4FD

Триадный

#CCD4FD

#FDCCD4

#D4FDCC

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

#CCD4FD

#FDDCCC

#ECFDCC

Тетрадный

#CCD4FD

#FDCCEC

#FDF5CC

#CCFDDC

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

Оригинал

#CCD4FD

Протанопия

#CFD0F3

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

#CFCEF1

Тританопия

#CCEBEA

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

#D5D5D5

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

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

Оттенки Tailwind

50
#F1F3FD
100
#DFE4FB
200
#BAC5FC
300
#899CFA
400
#4966F8
500
#0A30F5
600
#0826C4
700
#061F9D
800
#05187B
900
#081559
950
#050D38

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

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

1,46:1

AA Fail AAA Fail

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

14,4:1

AA Pass AAA Pass

Сравнить с

#CCD4FD
#FDF5CC
#CCD4FD
#FFFFFF
#000000
#CCD4FD

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

Руководства по инструментам

WCAG AA vs AAA: Contrast Requirements Compared

Авг 20, 2026
Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026

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

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

RGB(204, 212, 253) · HSL(230,2, 92,5%, 89,6%) · CMYK(19,4%, 16,2%, 0,0%, 0,8%)

Does #CCD4FD meet WCAG contrast on white?

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

What text color is readable on #CCD4FD?

Use 000000 text on a #CCD4FD background; contrast on black is 14,4:1.