#DFF4F3

#DFF4F3

Overview

#DFF4F3 is a cool, light color. In RGB it is 223, 244, 243, in HSL 177.1°, 48.8%, 91.6%, and in CMYK 8.6%, 0.0%, 0.4%, 4.3%. The nearest named color is azure 2.

On this page

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

HEX

#DFF4F3

RGB

223, 244, 243

HSL

177,1, 48,8%, 91,6%

HSV

177,1, 8,6%, 95,7%

CMYK

8,6%, 0,0%, 0,4%, 4,3%

OKLCH

0,9515 0,0221 193,3

Свойства

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

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

Light cyans and sky blues are among the most universally calming colors, evoking clear skies and fresh air. They inspire openness, mental clarity, and a sense of freedom. These tones are psychologically associated with truthfulness and uncomplicated communication.

Design Usage

Soft cyan makes an excellent background for info alerts, tooltips, and educational content sections. It creates a sense of spaciousness in dashboard layouts without the sterility of pure white. Pair it with deep blue or navy text for a professional, high-contrast information hierarchy.

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

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

#DFF4F3

#F4DFE0

Аналогичный

#DFF4E9

#DFEBF4

#DFF4F3

Триадный

#DFF4F3

#F3DFF4

#F4F3DF

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

#DFF4F3

#F4DFEB

#F4E9DF

Тетрадный

#DFF4F3

#E9DFF4

#F4DFE0

#EBF4DF

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

Оригинал

#DFF4F3

Протанопия

#E8E8F3

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

#E7E5F3

Тританопия

#E0F3F3

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

#EFEFEF

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

background-color: #DFF4F3;
color: #DFF4F3;
border-color: #DFF4F3;
Ближайший Tailwind-оттенок: Cyan 50 #ECFEFF

Оттенки Tailwind

50
#F4FBFA
100
#E6F5F4
200
#CAEDEB
300
#A4E0DD
400
#73CFCA
500
#41BEB8
600
#349893
700
#2A7976
800
#215F5C
900
#1B4644
950
#112C2B

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

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

1,14:1

AA Fail AAA Fail

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

18,37:1

AA Pass AAA Pass

Сравнить с

#DFF4F3
#F4DFE0
#DFF4F3
#FFFFFF
#000000
#DFF4F3

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(223, 244, 243) · HSL(177,1, 48,8%, 91,6%) · CMYK(8,6%, 0,0%, 0,4%, 4,3%)

Does #DFF4F3 meet WCAG contrast on white?

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

What text color is readable on #DFF4F3?

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