#BA85FD

#BA85FD

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

HEX

#BA85FD

RGB

186, 133, 253

HSL

266,5, 96,8%, 75,7%

HSV

266,5, 47,4%, 99,2%

CMYK

26,5%, 47,4%, 0,0%, 0,8%

OKLCH

0,7179 0,1748 302,6

Свойства

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

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

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.

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

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

#BA85FD

#C8FD85

Аналогичный

#858CFD

#F685FD

#BA85FD

Триадный

#BA85FD

#FDBA85

#85FDBA

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

#BA85FD

#FDF685

#8CFD85

Тетрадный

#BA85FD

#FD858C

#C8FD85

#85FDF6

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

Оригинал

#BA85FD

Протанопия

#A3A3E0

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

#A6AAD9

Тританопия

#B7C9C4

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

#999999

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

background-color: #BA85FD;
color: #BA85FD;
border-color: #BA85FD;
Ближайший Tailwind-оттенок: Purple 400 #C084FC

Оттенки Tailwind

50
#F7F1FE
100
#EBDEFC
200
#D7B9FE
300
#BB87FD
400
#9645FC
500
#7104FB
600
#5A03C9
700
#4803A1
800
#39027D
900
#2C065B
950
#1B0439

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

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

2,67:1

AA Fail AAA Fail

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

7,86:1

AA Pass AAA Pass

Сравнить с

#BA85FD
#C8FD85
#BA85FD
#FFFFFF
#000000
#BA85FD

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(186, 133, 253) · HSL(266,5, 96,8%, 75,7%) · CMYK(26,5%, 47,4%, 0,0%, 0,8%)

Does #BA85FD meet WCAG contrast on white?

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

What text color is readable on #BA85FD?

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