#BA43A8

#BA43A8

Color Values

HEX

#BA43A8

RGB

186, 67, 168

HSL

309.1, 47.0%, 49.6%

HSV

309.1, 64.0%, 72.9%

CMYK

0.0%, 64.0%, 9.7%, 27.1%

OKLCH

0.5819 0.1909 334.2

Properties

Warm Dark Nearest: orchid 3

Color Harmonies

Complementary

#BA43A8

#43BA55

Analogous

#9143BA

#BA436C

#BA43A8

Triadic

#BA43A8

#A8BA43

#43A8BA

Split Complementary

#BA43A8

#6CBA43

#43BA91

Tetradic

#BA43A8

#BA9143

#43BA55

#436CBA

Color Blindness Simulation

Original

#BA43A8

Protanopia

#868590

Deuteranopia

#8D968A

Tritanopia

#B47C78

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FAF4F9
100
#F4E6F2
200
#ECCBE7
300
#DFA5D6
400
#CD74C0
500
#BB44A9
600
#963687
700
#782B6C
800
#5E2255
900
#451C3F
950
#2C1228

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

4.46:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026