#ECF1F0

#ECF1F0

Overview

#ECF1F0 is a cool, light color. In RGB it is 236, 241, 240, in HSL 168.0°, 15.2%, 93.5%, and in CMYK 2.1%, 0.0%, 0.4%, 5.5%. The nearest named color is NCS S 0500-N White.

On this page

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

HEX

#ECF1F0

RGB

236, 241, 240

HSL

168,0, 15,2%, 93,5%

HSV

168,0, 2,1%, 94,5%

CMYK

2,1%, 0,0%, 0,4%, 5,5%

OKLCH

0,9541 0,0055 183,0

Свойства

Холодный Светлый Ближайший: NCS S 0500-N White

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

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.

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

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

#ECF1F0

#F1ECED

Аналогичный

#ECF1ED

#ECEFF1

#ECF1F0

Триадный

#ECF1F0

#F0ECF1

#F1F0EC

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

#ECF1F0

#F1ECEF

#F1EDEC

Тетрадный

#ECF1F0

#EDECF1

#F1ECED

#EFF1EC

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

Оригинал

#ECF1F0

Протанопия

#EEEEF0

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

#EEEEF0

Тританопия

#ECF0F0

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

#F0F0F0

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

background-color: #ECF1F0;

color: #ECF1F0;

border-color: #ECF1F0;

Ближайший Tailwind-оттенок: Stone 100 #F5F5F4

Оттенки Tailwind

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

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

1,14:1

AA Fail AAA Fail

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

18,41: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 #ECF1F0?

RGB(236, 241, 240) · HSL(168,0, 15,2%, 93,5%) · CMYK(2,1%, 0,0%, 0,4%, 5,5%)

Does #ECF1F0 meet WCAG contrast on white?

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

What text color is readable on #ECF1F0?

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