#BC86FE

#BC86FE

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

HEX

#BC86FE

RGB

188, 134, 254

HSL

267,0, 98,4%, 76,1%

HSV

267,0, 47,2%, 99,6%

CMYK

26,0%, 47,2%, 0,0%, 0,4%

OKLCH

0,722 0,175 303,1

Свойства

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

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

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

#BC86FE

#C8FE86

Аналогичный

#868CFE

#F886FE

#BC86FE

Триадный

#BC86FE

#FEBC86

#86FEBC

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

#BC86FE

#FEF886

#8CFE86

Тетрадный

#BC86FE

#FE868C

#C8FE86

#86FEF8

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

Оригинал

#BC86FE

Протанопия

#A5A4E1

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

#A8ACDA

Тританопия

#B9CAC5

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

#9A9A9A

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

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

Оттенки Tailwind

50
#F7F1FE
100
#ECDEFC
200
#D8B8FE
300
#BC86FE
400
#9744FD
500
#7302FD
600
#5C02CA
700
#4A01A2
800
#39017E
900
#2C065B
950
#1C043A

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

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

2,63:1

AA Fail AAA Fail

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

7,98:1

AA Pass AAA Pass

Сравнить с

#BC86FE
#C8FE86
#BC86FE
#FFFFFF
#000000
#BC86FE

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(188, 134, 254) · HSL(267,0, 98,4%, 76,1%) · CMYK(26,0%, 47,2%, 0,0%, 0,4%)

Does #BC86FE meet WCAG contrast on white?

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

What text color is readable on #BC86FE?

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