#BA71BF

#BA71BF

Overview

#BA71BF is a cool, light color. In RGB it is 186, 113, 191, in HSL 296.2°, 37.9%, 59.6%, and in CMYK 2.6%, 40.8%, 0.0%, 25.1%. The nearest named color is NCS S 1040-R60B Orchid.

On this page

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

HEX

#BA71BF

RGB

186, 113, 191

HSL

296,2, 37,9%, 59,6%

HSV

296,2, 40,8%, 74,9%

CMYK

2,6%, 40,8%, 0,0%, 25,1%

OKLCH

0,655 0,1377 324,7

Свойства

Холодный Светлый Ближайший: NCS S 1040-R60B Orchid

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

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.

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

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

#BA71BF

#76BF71

Аналогичный

#9371BF

#BF719D

#BA71BF

Триадный

#BA71BF

#BFBA71

#71BFBA

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

#BA71BF

#9DBF71

#71BF93

Тетрадный

#BA71BF

#BF9371

#76BF71

#719DBF

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

Оригинал

#BA71BF

Протанопия

#9A9AAC

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

#9FA4A8

Тританопия

#B69D9A

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

#868686

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

background-color: #BA71BF;

color: #BA71BF;

border-color: #BA71BF;

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

Оттенки Tailwind

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

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

3,39:1

AA Fail AAA Fail

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

6,2:1

AA Pass AAA Fail

Сравнить с

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

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

Янв 26, 2026

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

Янв 21, 2026

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

Янв 15, 2026

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

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

RGB(186, 113, 191) · HSL(296,2, 37,9%, 59,6%) · CMYK(2,6%, 40,8%, 0,0%, 25,1%)

Does #BA71BF meet WCAG contrast on white?

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

What text color is readable on #BA71BF?

Use 000000 text on a #BA71BF background; contrast on black is 6,2:1.