#BA08CF

#BA08CF

Color Values

HEX

#BA08CF

RGB

186, 8, 207

HSL

293,7, 92,6%, 42,2%

HSV

293,7, 96,1%, 81,2%

CMYK

10,1%, 96,1%, 0,0%, 18,8%

OKLCH

0,5689 0,2663 322,6

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA08CF

#1DCF08

Analogous

#5708CF

#CF0881

#BA08CF

Triadic

#BA08CF

#CFBA08

#08CFBA

Split Complementary

#BA08CF

#81CF08

#08CF57

Tetradic

#BA08CF

#CF5708

#1DCF08

#0881CF

Color Blindness Simulation

Original

#BA08CF

Protanopia

#6D6B9F

Deuteranopia

#778593

Tritanopia

#B17970

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FCF1FD
100
#F8DFFB
200
#F5BAFC
300
#EF89FA
400
#E649F8
500
#DD09F6
600
#B108C4
700
#8D069D
800
#6E057B
900
#500859
950
#330538

Contrast Checker

Text on white

5,22:1

AA Pass AAA Fail

Text on black

4,02:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026