#BA86FF

#BA86FF

Overview

#BA86FF is a cool, light color. In RGB it is 186, 134, 255, in HSL 265.8°, 100.0%, 76.3%, and in CMYK 27.1%, 47.5%, 0.0%, 0.0%. The nearest named color is mediumpurple 1.

On this page

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

HEX

#BA86FF

RGB

186, 134, 255

HSL

265,8, 100,0%, 76,3%

HSV

265,8, 47,5%, 100,0%

CMYK

27,1%, 47,5%, 0,0%, 0,0%

OKLCH

0,7206 0,1757 302,0

Свойства

Холодный Светлый Ближайший: 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.

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

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

#BA86FF

#CBFF86

Аналогичный

#868FFF

#F786FF

#BA86FF

Триадный

#BA86FF

#FFBA86

#86FFBA

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

#BA86FF

#FFF786

#8FFF86

Тетрадный

#BA86FF

#FF868F

#CBFF86

#86FFF7

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

Оригинал

#BA86FF

Протанопия

#A3A3E2

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

#A6AADB

Тританопия

#B7CBC6

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

#9A9A9A

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

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

Оттенки Tailwind

50
#F6F1FE
100
#EBDEFC
200
#D6B8FF
300
#B985FF
400
#9342FF
500
#6E00FF
600
#5800CC
700
#4600A3
800
#370080
900
#2A055C
950
#1B033A

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

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

2,64:1

AA Fail AAA Fail

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

7,94:1

AA Pass AAA Pass

Сравнить с

#BA86FF
#CBFF86
#BA86FF
#FFFFFF
#000000
#BA86FF

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(186, 134, 255) · HSL(265,8, 100,0%, 76,3%) · CMYK(27,1%, 47,5%, 0,0%, 0,0%)

Does #BA86FF meet WCAG contrast on white?

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

What text color is readable on #BA86FF?

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