#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

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026