#BA92CA

#BA92CA

Color Values

HEX

#BA92CA

RGB

186, 146, 202

HSL

282.9, 34.6%, 68.2%

HSV

282.9, 27.7%, 79.2%

CMYK

7.9%, 27.7%, 0.0%, 20.8%

OKLCH

0.7163 0.0909 316.1

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#BA92CA

#A2CA92

Analogous

#9E92CA

#CA92BE

#BA92CA

Triadic

#BA92CA

#CABA92

#92CABA

Split Complementary

#BA92CA

#BECA92

#92CA9E

Tetradic

#BA92CA

#CA9E92

#A2CA92

#92BECA

Color Blindness Simulation

Original

#BA92CA

Protanopia

#A9A8BC

Deuteranopia

#ABAEB9

Tritanopia

#B8B2AF

Achromatopsia

#9F9F9F

CSS Usage

background-color: #BA92CA;
color: #BA92CA;
border-color: #BA92CA;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#E1CFE8
300
#CBADD7
400
#AF80C1
500
#9253AC
600
#754389
700
#5E356E
800
#492A56
900
#372140
950
#231528

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

8.05:1

AA Pass AAA Pass

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