#BA3FAC

#BA3FAC

Color Values

HEX

#BA3FAC

RGB

186, 63, 172

HSL

306.8, 49.4%, 48.8%

HSV

306.8, 66.1%, 72.9%

CMYK

0.0%, 66.1%, 7.5%, 27.1%

OKLCH

0.5798 0.1993 332.7

Properties

Warm Dark Nearest: orchid 3

Color Harmonies

Complementary

#BA3FAC

#3FBA4D

Analogous

#8A3FBA

#BA3F6F

#BA3FAC

Triadic

#BA3FAC

#ACBA3F

#3FACBA

Split Complementary

#BA3FAC

#6FBA3F

#3FBA8A

Tetradic

#BA3FAC

#BA8A3F

#3FBA4D

#3F6FBA

Color Blindness Simulation

Original

#BA3FAC

Protanopia

#858492

Deuteranopia

#8C958B

Tritanopia

#B47D78

Achromatopsia

#616161

CSS Usage

background-color: #BA3FAC;
color: #BA3FAC;
border-color: #BA3FAC;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF4FA
100
#F5E6F3
200
#EDCAE9
300
#E0A4D9
400
#CF72C5
500
#BE41B0
600
#98348D
700
#7A2971
800
#5F2058
900
#461B41
950
#2C1129

Contrast Checker

Text on white

4.78:1

AA Pass AAA Fail

Text on black

4.39:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026