#BFBAC2

#BFBAC2

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

HEX

#BFBAC2

RGB

191, 186, 194

HSL

277,5, 6,2%, 74,5%

HSV

277,5, 4,1%, 76,1%

CMYK

1,5%, 4,1%, 0,0%, 23,9%

OKLCH

0,7954 0,0124 313,2

Свойства

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

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

Light purples and lavenders evoke romance, nostalgia, and gentle luxury. They are calming and slightly whimsical, often associated with springtime flowers and delicate fragrance. Lavender tones stimulate creativity and imagination while maintaining a sense of refinement.

Design Usage

Soft purple is popular in beauty brands, creative platforms, and children's educational apps. It creates distinctive card backgrounds and feature highlights that feel premium without being heavy. Pair it with sage green or warm gold for a sophisticated, trend-forward color combination.

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

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

#BFBAC2

#BDC2BA

Аналогичный

#BBBAC2

#C2BAC1

#BFBAC2

Триадный

#BFBAC2

#C2BFBA

#BAC2BF

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

#BFBAC2

#C1C2BA

#BAC2BB

Тетрадный

#BFBAC2

#C2BBBA

#BDC2BA

#BAC1C2

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

Оригинал

#BFBAC2

Протанопия

#BDBDC0

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

#BDBEC0

Тританопия

#BFBFBE

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

#BCBCBC

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

background-color: #BFBAC2;
color: #BFBAC2;
border-color: #BFBAC2;
Ближайший Tailwind-оттенок: Zinc 300 #D4D4D8

Оттенки Tailwind

50
#F7F7F8
100
#EDECEE
200
#DCD9DE
300
#C3BEC6
400
#A29BA6
500
#817887
600
#68606C
700
#534D57
800
#413C44
900
#312E33
950
#1F1D20

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

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

1,91:1

AA Fail AAA Fail

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

11,02:1

AA Pass AAA Pass

Сравнить с

#BFBAC2
#BDC2BA
#BFBAC2
#FFFFFF
#000000
#BFBAC2

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(191, 186, 194) · HSL(277,5, 6,2%, 74,5%) · CMYK(1,5%, 4,1%, 0,0%, 23,9%)

Does #BFBAC2 meet WCAG contrast on white?

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

What text color is readable on #BFBAC2?

Use 000000 text on a #BFBAC2 background; contrast on black is 11,02:1.