#DAF5FF

#DAF5FF

Overview

#DAF5FF is a cool, light color. In RGB it is 218, 245, 255, in HSL 196.2°, 100.0%, 92.7%, and in CMYK 14.5%, 3.9%, 0.0%, 0.0%. The nearest named color is lightcyan 2.

On this page

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

HEX

#DAF5FF

RGB

218, 245, 255

HSL

196,2, 100,0%, 92,7%

HSV

196,2, 14,5%, 100,0%

CMYK

14,5%, 3,9%, 0,0%, 0,0%

OKLCH

0,9536 0,0313 222,0

Свойства

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

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

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

#DAF5FF

#FFE4DA

Аналогичный

#DAFFF6

#DAE2FF

#DAF5FF

Триадный

#DAF5FF

#FFDAF5

#F5FFDA

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

#DAF5FF

#FFDAE2

#FFF6DA

Тетрадный

#DAF5FF

#F6DAFF

#FFE4DA

#E2FFDA

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

Оригинал

#DAF5FF

Протанопия

#E6E6FD

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

#E4E2FC

Тританопия

#DBFBFA

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

#F0F0F0

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

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

Оттенки Tailwind

50
#F1FAFE
100
#DEF4FC
200
#B8ECFF
300
#85DEFF
400
#42CCFF
500
#00BAFF
600
#0095CC
700
#0077A3
800
#005D80
900
#05455C
950
#032B3A

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

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

1,14:1

AA Fail AAA Fail

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

18,49:1

AA Pass AAA Pass

Сравнить с

#DAF5FF
#FFE4DA
#DAF5FF
#FFFFFF
#000000
#DAF5FF

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

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

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

RGB(218, 245, 255) · HSL(196,2, 100,0%, 92,7%) · CMYK(14,5%, 3,9%, 0,0%, 0,0%)

Does #DAF5FF meet WCAG contrast on white?

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

What text color is readable on #DAF5FF?

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