#C2DFF3

#C2DFF3

Overview

#C2DFF3 is a cool, light color. In RGB it is 194, 223, 243, in HSL 204.5°, 67.1%, 85.7%, and in CMYK 20.2%, 8.2%, 0.0%, 4.7%. The nearest named color is lightsteelblue 1.

On this page

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

HEX

#C2DFF3

RGB

194, 223, 243

HSL

204,5, 67,1%, 85,7%

HSV

204,5, 20,2%, 95,3%

CMYK

20,2%, 8,2%, 0,0%, 4,7%

OKLCH

0,8888 0,0413 238,1

Свойства

Холодный Светлый Ближайший: 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.

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

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

#C2DFF3

#F3D6C2

Аналогичный

#C2F3EF

#C2C7F3

#C2DFF3

Триадный

#C2DFF3

#F3C2DF

#DFF3C2

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

#C2DFF3

#F3C2C7

#F3EFC2

Тетрадный

#C2DFF3

#EFC2F3

#F3D6C2

#C7F3C2

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

Оригинал

#C2DFF3

Протанопия

#CFCFEE

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

#CDCBED

Тританопия

#C3EAEA

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

#DADADA

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

background-color: #C2DFF3;
color: #C2DFF3;
border-color: #C2DFF3;
Ближайший Tailwind-оттенок: Sky 200 #BAE6FD

Оттенки Tailwind

50
#F3F8FC
100
#E3EFF7
200
#C3E0F3
300
#99C9EB
400
#61ACE0
500
#2A8FD5
600
#2273AA
700
#1B5C88
800
#15486B
900
#13364E
950
#0C2231

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

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

1,39:1

AA Fail AAA Fail

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

15,14:1

AA Pass AAA Pass

Сравнить с

#C2DFF3
#F3D6C2
#C2DFF3
#FFFFFF
#000000
#C2DFF3

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

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

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 #C2DFF3?

RGB(194, 223, 243) · HSL(204,5, 67,1%, 85,7%) · CMYK(20,2%, 8,2%, 0,0%, 4,7%)

Does #C2DFF3 meet WCAG contrast on white?

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

What text color is readable on #C2DFF3?

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