#BA3FB2

#BA3FB2

Color Values

HEX

#BA3FB2

RGB

186, 63, 178

HSL

303.9, 49.4%, 48.8%

HSV

303.9, 66.1%, 72.9%

CMYK

0.0%, 66.1%, 4.3%, 27.1%

OKLCH

0.5829 0.2039 330.6

Properties

Warm Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#BA3FB2

#3FBA47

Analogous

#843FBA

#BA3F74

#BA3FB2

Triadic

#BA3FB2

#B2BA3F

#3FB2BA

Split Complementary

#BA3FB2

#74BA3F

#3FBA84

Tetradic

#BA3FB2

#BA843F

#3FBA47

#3F74BA

Color Blindness Simulation

Original

#BA3FB2

Protanopia

#858496

Deuteranopia

#8C9590

Tritanopia

#B4807B

Achromatopsia

#616161

CSS Usage

background-color: #BA3FB2;
color: #BA3FB2;
border-color: #BA3FB2;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF4FA
100
#F5E6F4
200
#EDCAEB
300
#E0A4DC
400
#CF72C9
500
#BE41B6
600
#983492
700
#7A2975
800
#5F205B
900
#461B43
950
#2C112A

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

4.44:1

AA Fail AAA Fail

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