#BA89CC

#BA89CC

Overview

#BA89CC is a cool, light color. In RGB it is 186, 137, 204, in HSL 283.9°, 39.6%, 66.9%, and in CMYK 8.8%, 32.8%, 0.0%, 20.0%. The nearest named color is plum 3.

On this page

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

HEX

#BA89CC

RGB

186, 137, 204

HSL

283,9, 39,6%, 66,9%

HSV

283,9, 32,8%, 80,0%

CMYK

8,8%, 32,8%, 0,0%, 20,0%

OKLCH

0,701 0,1093 316,7

Свойства

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

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

Light purples and lavenders evoke romance, nostalgia, and gentle luxury. They are calming and slightly whimsical, often associated with springtime flowers and delicate fragrance. Lavender tones stimulate creativity and imagination while maintaining a sense of refinement.

Design Usage

Soft purple is popular in beauty brands, creative platforms, and children's educational apps. It creates distinctive card backgrounds and feature highlights that feel premium without being heavy. Pair it with sage green or warm gold for a sophisticated, trend-forward color combination.

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

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

#BA89CC

#9BCC89

Аналогичный

#9989CC

#CC89BD

#BA89CC

Триадный

#BA89CC

#CCBA89

#89CCBA

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

#BA89CC

#BDCC89

#89CC99

Тетрадный

#BA89CC

#CC9989

#9BCC89

#89BDCC

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

Оригинал

#BA89CC

Протанопия

#A5A4BC

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

#A8ABB8

Тританопия

#B8AFAC

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

#989898

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

background-color: #BA89CC;
color: #BA89CC;
border-color: #BA89CC;
Ближайший Tailwind-оттенок: Purple 300 #D8B4FE

Оттенки Tailwind

50
#F9F5FA
100
#F0E7F3
200
#E2CDE9
300
#CDAADA
400
#B27BC6
500
#974DB2
600
#793E8E
700
#613172
800
#4B2759
900
#381F42
950
#24142A

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

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

2,79:1

AA Fail AAA Fail

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

7,54:1

AA Pass AAA Pass

Сравнить с

#BA89CC
#9BCC89
#BA89CC
#FFFFFF
#000000
#BA89CC

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(186, 137, 204) · HSL(283,9, 39,6%, 66,9%) · CMYK(8,8%, 32,8%, 0,0%, 20,0%)

Does #BA89CC meet WCAG contrast on white?

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

What text color is readable on #BA89CC?

Use 000000 text on a #BA89CC background; contrast on black is 7,54:1.