#BA72D8

#BA72D8

Color Values

HEX

#BA72D8

RGB

186, 114, 216

HSL

282.4, 56.7%, 64.7%

HSV

282.4, 47.2%, 84.7%

CMYK

13.9%, 47.2%, 0.0%, 15.3%

OKLCH

0.6686 0.1624 315.3

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#BA72D8

#90D872

Analogous

#8772D8

#D872C3

#BA72D8

Triadic

#BA72D8

#D8BA72

#72D8BA

Split Complementary

#BA72D8

#C3D872

#72D887

Tetradic

#BA72D8

#D88772

#90D872

#72C3D8

Color Blindness Simulation

Original

#BA72D8

Protanopia

#9B9ABF

Deuteranopia

#9FA4B9

Tritanopia

#B6ACA8

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F9F4FB
100
#F1E5F6
200
#E4C7F0
300
#D09FE5
400
#B76BD6
500
#9D37C8
600
#7E2CA0
700
#652380
800
#4F1C64
900
#3B1849
950
#250F2E

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

6.49:1

AA Pass 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