#BA3FEE

#BA3FEE

Overview

#BA3FEE is a cool, light color. In RGB it is 186, 63, 238, in HSL 282.2°, 83.7%, 59.0%, and in CMYK 21.8%, 73.5%, 0.0%, 6.7%. The nearest named color is darkorchid 2.

On this page

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

HEX

#BA3FEE

RGB

186, 63, 238

HSL

282,2, 83,7%, 59,0%

HSV

282,2, 73,5%, 93,3%

CMYK

21,8%, 73,5%, 0,0%, 6,7%

OKLCH

0,6191 0,2542 313,5

Свойства

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

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

True purple has been the color of royalty for millennia because Tyrian purple dye was extraordinarily rare and expensive. It represents luxury, creativity, and visionary thinking. Purple stimulates problem-solving and artistic expression, bridging the physical energy of red with the calm stability of blue.

Design Usage

Medium purple is a strong primary brand color for creative agencies, streaming platforms, and premium product tiers. It differentiates effectively from the blue-green dominated tech landscape. Use it for premium badges, creator tools, and feature gating where exclusivity should be communicated.

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

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

#BA3FEE

#73EE3F

Аналогичный

#633FEE

#EE3FCA

#BA3FEE

Триадный

#BA3FEE

#EEBA3F

#3FEEBA

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

#BA3FEE

#CAEE3F

#3FEE63

Тетрадный

#BA3FEE

#EE633F

#73EE3F

#3FCAEE

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

Оригинал

#BA3FEE

Протанопия

#8584C4

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

#8C95BA

Тританопия

#B4A29B

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

#666666

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

background-color: #BA3FEE;
color: #BA3FEE;
border-color: #BA3FEE;
Ближайший Tailwind-оттенок: Fuchsia 500 #D946EF

Оттенки Tailwind

50
#FAF2FD
100
#F2E0FA
200
#E7BDF9
300
#D78FF5
400
#C152F0
500
#AB15EA
600
#8911BB
700
#6D0D96
800
#550A75
900
#3F0C55
950
#280836

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

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

4,17:1

AA Fail AAA Fail

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

5,03:1

AA Pass AAA Fail

Сравнить с

#BA3FEE
#73EE3F
#BA3FEE
#FFFFFF
#000000
#BA3FEE

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

Руководства по инструментам

WCAG AA vs AAA: Contrast Requirements Compared

Авг 20, 2026
Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026

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

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

RGB(186, 63, 238) · HSL(282,2, 83,7%, 59,0%) · CMYK(21,8%, 73,5%, 0,0%, 6,7%)

Does #BA3FEE meet WCAG contrast on white?

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

What text color is readable on #BA3FEE?

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