#BACFD1

#BACFD1

Overview

#BACFD1 is a cool, light color. In RGB it is 186, 207, 209, in HSL 185.2°, 20.0%, 77.5%, and in CMYK 11.0%, 1.0%, 0.0%, 18.0%. The nearest named color is lightcyan 3.

On this page

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

HEX

#BACFD1

RGB

186, 207, 209

HSL

185,2, 20,0%, 77,5%

HSV

185,2, 11,0%, 82,0%

CMYK

11,0%, 1,0%, 0,0%, 18,0%

OKLCH

0,8393 0,0229 203,7

Свойства

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

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

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.

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

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

#BACFD1

#D1BCBA

Аналогичный

#BAD1C8

#BAC4D1

#BACFD1

Триадный

#BACFD1

#D1BACF

#CFD1BA

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

#BACFD1

#D1BAC4

#D1C8BA

Тетрадный

#BACFD1

#C8BAD1

#D1BCBA

#C4D1BA

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

Оригинал

#BACFD1

Протанопия

#C3C3D1

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

#C2C0D0

Тританопия

#BBD0D0

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

#CBCBCB

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

background-color: #BACFD1;

color: #BACFD1;

border-color: #BACFD1;

Ближайший Tailwind-оттенок: Gray 300 #D1D5DB

Оттенки Tailwind

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

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

1,62:1

AA Fail AAA Fail

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

12,93: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 #BACFD1?

RGB(186, 207, 209) · HSL(185,2, 20,0%, 77,5%) · CMYK(11,0%, 1,0%, 0,0%, 18,0%)

Does #BACFD1 meet WCAG contrast on white?

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

What text color is readable on #BACFD1?

Use 000000 text on a #BACFD1 background; contrast on black is 12,93:1.