#BA4BAB

#BA4BAB

Overview

#BA4BAB is a warm, light color. In RGB it is 186, 75, 171, in HSL 308.1°, 44.6%, 51.2%, and in CMYK 0.0%, 59.7%, 8.1%, 27.1%. The nearest named color is orchid 3.

On this page

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

HEX

#BA4BAB

RGB

186, 75, 171

HSL

308,1, 44,6%, 51,2%

HSV

308,1, 59,7%, 72,9%

CMYK

0,0%, 59,7%, 8,1%, 27,1%

OKLCH

0,5925 0,1819 333,2

Свойства

Тёплый Светлый Ближайший: orchid 3

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

Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.

Design Usage

Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.

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

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

#BA4BAB

#4BBA5A

Аналогичный

#924BBA

#BA4B74

#BA4BAB

Триадный

#BA4BAB

#ABBA4B

#4BABBA

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

#BA4BAB

#74BA4B

#4BBA92

Тетрадный

#BA4BAB

#BA924B

#4BBA5A

#4B74BA

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

Оригинал

#BA4BAB

Протанопия

#8A8994

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

#90998E

Тританопия

#B4817D

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

#6A6A6A

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

background-color: #BA4BAB;

color: #BA4BAB;

border-color: #BA4BAB;

Ближайший Tailwind-оттенок: Fuchsia 800 #86198F

Оттенки Tailwind

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

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

4,48:1

AA Fail AAA Fail

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

4,68:1

AA Pass AAA Fail

Сравнить с

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

Руководства по инструментам

WCAG AA vs AAA: Contrast Requirements Compared

Авг 20, 2026

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

Янв 26, 2026

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

Янв 21, 2026

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

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

RGB(186, 75, 171) · HSL(308,1, 44,6%, 51,2%) · CMYK(0,0%, 59,7%, 8,1%, 27,1%)

Does #BA4BAB meet WCAG contrast on white?

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

What text color is readable on #BA4BAB?

Use 000000 text on a #BA4BAB background; contrast on black is 4,68:1.