#BA63B0

#BA63B0

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

HEX

#BA63B0

RGB

186, 99, 176

HSL

306,9, 38,7%, 55,9%

HSV

306,9, 46,8%, 72,9%

CMYK

0,0%, 46,8%, 5,4%, 27,1%

OKLCH

0,6269 0,1478 331,6

Свойства

Тёплый Светлый Ближайший: 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.

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

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

#BA63B0

#63BA6D

Аналогичный

#9963BA

#BA6385

#BA63B0

Триадный

#BA63B0

#B0BA63

#63B0BA

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

#BA63B0

#85BA63

#63BA99

Тетрадный

#BA63B0

#BA9963

#63BA6D

#6385BA

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

Оригинал

#BA63B0

Протанопия

#94949D

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

#99A099

Тританопия

#B68F8B

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

#7B7B7B

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

background-color: #BA63B0;

color: #BA63B0;

border-color: #BA63B0;

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

Оттенки Tailwind

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

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

3,82:1

AA Fail AAA Fail

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

5,5: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 #BA63B0?

RGB(186, 99, 176) · HSL(306,9, 38,7%, 55,9%) · CMYK(0,0%, 46,8%, 5,4%, 27,1%)

Does #BA63B0 meet WCAG contrast on white?

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

What text color is readable on #BA63B0?

Use 000000 text on a #BA63B0 background; contrast on black is 5,5:1.