#DEF0FE

#DEF0FE

Overview

#DEF0FE is a cool, light color. In RGB it is 222, 240, 254, in HSL 206.2°, 94.1%, 93.3%, and in CMYK 12.6%, 5.5%, 0.0%, 0.4%. The nearest named color is aliceblue.

On this page

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

HEX

#DEF0FE

RGB

222, 240, 254

HSL

206,2, 94,1%, 93,3%

HSV

206,2, 12,6%, 99,6%

CMYK

12,6%, 5,5%, 0,0%, 0,4%

OKLCH

0,946 0,0269 241,2

Свойства

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

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

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.

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

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

#DEF0FE

#FEECDE

Аналогичный

#DEFEFC

#DEE0FE

#DEF0FE

Триадный

#DEF0FE

#FEDEF0

#F0FEDE

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

#DEF0FE

#FEDEE0

#FEFCDE

Тетрадный

#DEF0FE

#FCDEFE

#FEECDE

#E0FEDE

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

Оригинал

#DEF0FE

Протанопия

#E6E6FB

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

#E5E3FA

Тританопия

#DFF8F7

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

#EDEDED

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

background-color: #DEF0FE;
color: #DEF0FE;
border-color: #DEF0FE;
Ближайший Tailwind-оттенок: Sky 100 #E0F2FE

Оттенки Tailwind

50
#F1F8FD
100
#DFEFFB
200
#BAE0FD
300
#88C9FB
400
#48ACF9
500
#088FF7
600
#0672C6
700
#055B9E
800
#04477C
900
#073659
950
#052239

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

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

1,17:1

AA Fail AAA Fail

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

18,0:1

AA Pass AAA Pass

Сравнить с

#DEF0FE
#FEECDE
#DEF0FE
#FFFFFF
#000000
#DEF0FE

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(222, 240, 254) · HSL(206,2, 94,1%, 93,3%) · CMYK(12,6%, 5,5%, 0,0%, 0,4%)

Does #DEF0FE meet WCAG contrast on white?

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

What text color is readable on #DEF0FE?

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