#BA8FF3

#BA8FF3

Overview

#BA8FF3 is a cool, light color. In RGB it is 186, 143, 243, in HSL 265.8°, 80.6%, 75.7%, and in CMYK 23.5%, 41.2%, 0.0%, 4.7%. The nearest named color is mediumpurple 2.

On this page

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

HEX

#BA8FF3

RGB

186, 143, 243

HSL

265,8, 80,6%, 75,7%

HSV

265,8, 41,2%, 95,3%

CMYK

23,5%, 41,2%, 0,0%, 4,7%

OKLCH

0,7294 0,1467 302,8

Свойства

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

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

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.

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

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

#BA8FF3

#C8F38F

Аналогичный

#8F96F3

#EC8FF3

#BA8FF3

Триадный

#BA8FF3

#F3BA8F

#8FF3BA

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

#BA8FF3

#F3EC8F

#96F38F

Тетрадный

#BA8FF3

#F38F96

#C8F38F

#8FF3EC

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

Оригинал

#BA8FF3

Протанопия

#A7A7DB

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

#AAADD5

Тританопия

#B8C8C4

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

#9F9F9F

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

background-color: #BA8FF3;
color: #BA8FF3;
border-color: #BA8FF3;
Ближайший Tailwind-оттенок: Violet 400 #A78BFA

Оттенки Tailwind

50
#F7F2FD
100
#EBE1F9
200
#D7BFF8
300
#BB90F3
400
#9655ED
500
#7119E6
600
#5A14B8
700
#481093
800
#390C73
900
#2C0D54
950
#1B0835

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

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

2,53:1

AA Fail AAA Fail

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

8,31:1

AA Pass AAA Pass

Сравнить с

#BA8FF3
#C8F38F
#BA8FF3
#FFFFFF
#000000
#BA8FF3

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(186, 143, 243) · HSL(265,8, 80,6%, 75,7%) · CMYK(23,5%, 41,2%, 0,0%, 4,7%)

Does #BA8FF3 meet WCAG contrast on white?

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

What text color is readable on #BA8FF3?

Use 000000 text on a #BA8FF3 background; contrast on black is 8,31:1.