#BA487B

#BA487B

Overview

#BA487B is a warm, dark color. In RGB it is 186, 72, 123, in HSL 333.2°, 45.2%, 50.6%, and in CMYK 0.0%, 61.3%, 33.9%, 27.1%. The nearest named color is Mulberry.

On this page

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

HEX

#BA487B

RGB

186, 72, 123

HSL

333,2, 45,2%, 50,6%

HSV

333,2, 61,3%, 72,9%

CMYK

0,0%, 61,3%, 33,9%, 27,1%

OKLCH

0,5689 0,1557 355,4

Свойства

Тёплый Тёмный Ближайший: Mulberry

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

Vivid pinks project confidence, playfulness, and bold self-expression. They challenge traditional associations, carrying both the warmth of red and the creativity of violet. Hot pink in particular signals rebellion against conventions and unapologetic individuality.

Design Usage

Medium pink is effective for fashion brands, social media platforms, and marketing campaigns targeting Gen Z audiences. It makes impactful gradient elements when blended with purple or orange. Use it for accent buttons and promotional banners where energy and excitement should override corporate formality.

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

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

#BA487B

#48BA87

Аналогичный

#BA48B4

#BA4E48

#BA487B

Триадный

#BA487B

#7BBA48

#487BBA

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

#BA487B

#48BA4E

#48B4BA

Тетрадный

#BA487B

#B4BA48

#48BA87

#4E48BA

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

Оригинал

#BA487B

Протанопия

#89886F

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

#8F986C

Тританопия

#B46563

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

#646464

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

background-color: #BA487B;

color: #BA487B;

border-color: #BA487B;

Ближайший Tailwind-оттенок: Pink 800 #9D174D

Оттенки Tailwind

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

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

4,88:1

AA Pass AAA Fail

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

4,3:1

AA Fail AAA Fail

Сравнить с

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

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

Янв 26, 2026

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

Янв 21, 2026

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

Янв 15, 2026

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

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

RGB(186, 72, 123) · HSL(333,2, 45,2%, 50,6%) · CMYK(0,0%, 61,3%, 33,9%, 27,1%)

Does #BA487B meet WCAG contrast on white?

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

What text color is readable on #BA487B?

Use FFFFFF text on a #BA487B background; contrast on black is 4,3:1.