#BA92F7

#BA92F7

Color Values

HEX

#BA92F7

RGB

186, 146, 247

HSL

263.8, 86.3%, 77.1%

HSV

263.8, 40.9%, 96.9%

CMYK

24.7%, 40.9%, 0.0%, 3.1%

OKLCH

0.7365 0.147 301.1

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#BA92F7

#CFF792

Analogous

#929DF7

#ED92F7

#BA92F7

Triadic

#BA92F7

#F7BA92

#92F7BA

Split Complementary

#BA92F7

#F7ED92

#9DF792

Tetradic

#BA92F7

#F7929D

#CFF792

#92F7ED

Color Blindness Simulation

Original

#BA92F7

Protanopia

#A9A8DF

Deuteranopia

#ABAED9

Tritanopia

#B8CBC7

Achromatopsia

#A2A2A2

CSS Usage

background-color: #BA92F7;
color: #BA92F7;
border-color: #BA92F7;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F6F2FD
100
#EAE0FA
200
#D5BCFA
300
#B78DF7
400
#904FF2
500
#6911EE
600
#540EBE
700
#430B98
800
#340977
900
#290B56
950
#1A0736

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

8.54:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026