#CBDFF2

#CBDFF2

Overview

#CBDFF2 is a cool, light color. In RGB it is 203, 223, 242, in HSL 209.2°, 60.0%, 87.3%, and in CMYK 16.1%, 7.9%, 0.0%, 5.1%. The nearest named color is Periwinkle.

On this page

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

HEX

#CBDFF2

RGB

203, 223, 242

HSL

209,2, 60,0%, 87,3%

HSV

209,2, 16,1%, 94,9%

CMYK

16,1%, 7,9%, 0,0%, 5,1%

OKLCH

0,8946 0,0338 246,8

Свойства

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

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

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.

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

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

#CBDFF2

#F2DECB

Аналогичный

#CBF2F2

#CBCCF2

#CBDFF2

Триадный

#CBDFF2

#F2CBDF

#DFF2CB

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

#CBDFF2

#F2CBCC

#F2F2CB

Тетрадный

#CBDFF2

#F2CBF2

#F2DECB

#CCF2CB

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

Оригинал

#CBDFF2

Протанопия

#D4D4ED

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

#D2D1EC

Тританопия

#CCEAE9

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

#DCDCDC

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

background-color: #CBDFF2;
color: #CBDFF2;
border-color: #CBDFF2;
Ближайший Tailwind-оттенок: Blue 100 #DBEAFE

Оттенки Tailwind

50
#F3F7FB
100
#E4EDF6
200
#C6DCF1
300
#9DC3E7
400
#68A2D9
500
#3382CC
600
#2968A3
700
#215383
800
#1A4166
900
#16314B
950
#0E1F2F

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

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

1,37:1

AA Fail AAA Fail

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

15,38:1

AA Pass AAA Pass

Сравнить с

#CBDFF2
#F2DECB
#CBDFF2
#FFFFFF
#000000
#CBDFF2

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(203, 223, 242) · HSL(209,2, 60,0%, 87,3%) · CMYK(16,1%, 7,9%, 0,0%, 5,1%)

Does #CBDFF2 meet WCAG contrast on white?

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

What text color is readable on #CBDFF2?

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