#BA63B7

#BA63B7

Color Values

HEX

#BA63B7

RGB

186, 99, 183

HSL

302.1, 38.7%, 55.9%

HSV

302.1, 46.8%, 72.9%

CMYK

0.0%, 46.8%, 1.6%, 27.1%

OKLCH

0.63 0.1541 328.5

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#BA63B7

#63BA66

Analogous

#9263BA

#BA638B

#BA63B7

Triadic

#BA63B7

#B7BA63

#63B7BA

Split Complementary

#BA63B7

#8BBA63

#63BA92

Tetradic

#BA63B7

#BA9263

#63BA66

#638BBA

Color Blindness Simulation

Original

#BA63B7

Protanopia

#9494A3

Deuteranopia

#99A09E

Tritanopia

#B6938F

Achromatopsia

#7C7C7C

CSS Usage

background-color: #BA63B7;
color: #BA63B7;
border-color: #BA63B7;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#E9CDE8
300
#D9AAD8
400
#C57CC3
500
#B14EAD
600
#8D3F8B
700
#71326F
800
#582757
900
#412040
950
#291429

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

5.56:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026