#C2DEF0

#C2DEF0

Overview

#C2DEF0 is a cool, light color. In RGB it is 194, 222, 240, in HSL 203.5°, 60.5%, 85.1%, and in CMYK 19.2%, 7.5%, 0.0%, 5.9%. The nearest named color is lightblue 2.

On this page

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

HEX

#C2DEF0

RGB

194, 222, 240

HSL

203,5, 60,5%, 85,1%

HSV

203,5, 19,2%, 94,1%

CMYK

19,2%, 7,5%, 0,0%, 5,9%

OKLCH

0,8857 0,0388 236,1

Свойства

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

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

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

#C2DEF0

#F0D4C2

Аналогичный

#C2F0EB

#C2C7F0

#C2DEF0

Триадный

#C2DEF0

#F0C2DE

#DEF0C2

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

#C2DEF0

#F0C2C7

#F0EBC2

Тетрадный

#C2DEF0

#EBC2F0

#F0D4C2

#C7F0C2

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

Оригинал

#C2DEF0

Протанопия

#CECEEC

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

#CCCAEB

Тританопия

#C3E8E7

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

#D9D9D9

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

background-color: #C2DEF0;

color: #C2DEF0;

border-color: #C2DEF0;

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

Оттенки Tailwind

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

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

1,4:1

AA Fail AAA Fail

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

15,0: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 #C2DEF0?

RGB(194, 222, 240) · HSL(203,5, 60,5%, 85,1%) · CMYK(19,2%, 7,5%, 0,0%, 5,9%)

Does #C2DEF0 meet WCAG contrast on white?

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

What text color is readable on #C2DEF0?

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