#BAABBC

#BAABBC

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

HEX

#BAABBC

RGB

186, 171, 188

HSL

292,9, 11,3%, 70,4%

HSV

292,9, 9,0%, 73,7%

CMYK

1,1%, 9,0%, 0,0%, 26,3%

OKLCH

0,7591 0,0292 322,2

Свойства

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

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

Light magentas and fuchsia tints radiate playful energy, self-expression, and modern individuality. They feel bold yet approachable, associated with creativity and nonconformity. These hues challenge convention and signal a willingness to stand out.

Design Usage

Light magentas are effective for fashion, entertainment, and youth-oriented brands. They add vibrant personality as accent colors in otherwise neutral palettes. Use for notification badges, featured tags, and interactive hover states.

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

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

#BAABBC

#ADBCAB

Аналогичный

#B2ABBC

#BCABB6

#BAABBC

Триадный

#BAABBC

#BCBAAB

#ABBCBA

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

#BAABBC

#B6BCAB

#ABBCB2

Тетрадный

#BAABBC

#BCB2AB

#ADBCAB

#ABB6BC

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

Оригинал

#BAABBC

Протанопия

#B4B3B8

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

#B4B6B7

Тританопия

#B9B5B4

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

#AFAFAF

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

background-color: #BAABBC;

color: #BAABBC;

border-color: #BAABBC;

Ближайший Tailwind-оттенок: Zinc 400 #A1A1AA

Оттенки Tailwind

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

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

2,18:1

AA Fail AAA Fail

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

9,64: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 #BAABBC?

RGB(186, 171, 188) · HSL(292,9, 11,3%, 70,4%) · CMYK(1,1%, 9,0%, 0,0%, 26,3%)

Does #BAABBC meet WCAG contrast on white?

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

What text color is readable on #BAABBC?

Use 000000 text on a #BAABBC background; contrast on black is 9,64:1.