#BA16BE

#BA16BE

Color Values

HEX

#BA16BE

RGB

186, 22, 190

HSL

298.6, 79.2%, 41.6%

HSV

298.6, 88.4%, 74.5%

CMYK

2.1%, 88.4%, 0.0%, 25.5%

OKLCH

0.5617 0.2494 327.1

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA16BE

#1ABE16

Analogous

#6616BE

#BE166E

#BA16BE

Triadic

#BA16BE

#BEBA16

#16BEBA

Split Complementary

#BA16BE

#6EBE16

#16BE66

Tetradic

#BA16BE

#BE6616

#1ABE16

#166EBE

Color Blindness Simulation

Original

#BA16BE

Protanopia

#737295

Deuteranopia

#7C898C

Tritanopia

#B2756E

Achromatopsia

#454545

CSS Usage

background-color: #BA16BE;
color: #BA16BE;
border-color: #BA16BE;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FCF2FC
100
#F9E1F9
200
#F6BFF8
300
#F091F2
400
#E856EB
500
#E01BE4
600
#B315B7
700
#8F1192
800
#700D72
900
#510E53
950
#330934

Contrast Checker

Text on white

5.32:1

AA Pass AAA Fail

Text on black

3.95:1

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