#BA74F1

#BA74F1

Overview

#BA74F1 is a cool, light color. In RGB it is 186, 116, 241, in HSL 273.6°, 81.7%, 70.0%, and in CMYK 22.8%, 51.9%, 0.0%, 5.5%. The nearest named color is mediumpurple 1.

On this page

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

HEX

#BA74F1

RGB

186, 116, 241

HSL

273,6, 81,7%, 70,0%

HSV

273,6, 51,9%, 94,5%

CMYK

22,8%, 51,9%, 0,0%, 5,5%

OKLCH

0,6849 0,1871 308,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.

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

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

#BA74F1

#ABF174

Аналогичный

#7B74F1

#F174EA

#BA74F1

Триадный

#BA74F1

#F1BA74

#74F1BA

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

#BA74F1

#EAF174

#74F17B

Тетрадный

#BA74F1

#F17B74

#ABF174

#74EAF1

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

Оригинал

#BA74F1

Протанопия

#9C9BD3

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

#A0A5CC

Тританопия

#B6BBB6

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

#8C8C8C

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

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

Оттенки Tailwind

50
#F8F2FD
100
#EFE1FA
200
#DFBEF8
300
#C890F4
400
#AA54EE
500
#8C17E8
600
#7013B9
700
#5A0F94
800
#460C74
900
#350D54
950
#210835

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

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

3,06:1

AA Fail AAA Fail

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

6,86:1

AA Pass AAA Fail

Сравнить с

#BA74F1
#ABF174
#BA74F1
#FFFFFF
#000000
#BA74F1

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(186, 116, 241) · HSL(273,6, 81,7%, 70,0%) · CMYK(22,8%, 51,9%, 0,0%, 5,5%)

Does #BA74F1 meet WCAG contrast on white?

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

What text color is readable on #BA74F1?

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