#BA74DF

#BA74DF

Color Values

HEX

#BA74DF

RGB

186, 116, 223

HSL

279.3, 62.6%, 66.5%

HSV

279.3, 48.0%, 87.5%

CMYK

16.6%, 48.0%, 0.0%, 12.5%

OKLCH

0.6752 0.1669 312.9

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#BA74DF

#99DF74

Analogous

#8574DF

#DF74CE

#BA74DF

Triadic

#BA74DF

#DFBA74

#74DFBA

Split Complementary

#BA74DF

#CEDF74

#74DF85

Tetradic

#BA74DF

#DF8574

#99DF74

#74CEDF

Color Blindness Simulation

Original

#BA74DF

Protanopia

#9C9BC5

Deuteranopia

#A0A5BF

Tritanopia

#B6B1AC

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F9F3FB
100
#F0E4F7
200
#E2C5F2
300
#CE9BE8
400
#B366DC
500
#9830CF
600
#7A26A6
700
#611F85
800
#4C1868
900
#39154C
950
#240D30

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.65:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026