#BA79FC

#BA79FC

Color Values

HEX

#BA79FC

RGB

186, 121, 252

HSL

269,8, 95,6%, 73,1%

HSV

269,8, 52,0%, 98,8%

CMYK

26,2%, 52,0%, 0,0%, 1,2%

OKLCH

0,6986 0,192 304,8

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#BA79FC

#BBFC79

Analogous

#7979FC

#FC79FC

#BA79FC

Triadic

#BA79FC

#FCBA79

#79FCBA

Split Complementary

#BA79FC

#FCFC79

#79FC79

Tetradic

#BA79FC

#FC7979

#BBFC79

#79FCFC

Color Blindness Simulation

Original

#BA79FC

Protanopia

#9E9DDC

Deuteranopia

#A2A6D5

Tritanopia

#B7C3BE

Achromatopsia

#909090

CSS Usage

background-color: #BA79FC;
color: #BA79FC;
border-color: #BA79FC;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F1FE
100
#EDDFFC
200
#DBB9FD
300
#C187FC
400
#A046FB
500
#7F06F9
600
#6504C8
700
#5104A0
800
#3F037D
900
#30075A
950
#1E0439

Contrast Checker

Text on white

2,91:1

AA Fail AAA Fail

Text on black

7,23: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