#BA8CEB

#BA8CEB

Color Values

HEX

#BA8CEB

RGB

186, 140, 235

HSL

269.1, 70.4%, 73.5%

HSV

269.1, 40.4%, 92.2%

CMYK

20.9%, 40.4%, 0.0%, 7.8%

OKLCH

0.7204 0.1416 305.4

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#BA8CEB

#BDEB8C

Analogous

#8C8DEB

#EA8CEB

#BA8CEB

Triadic

#BA8CEB

#EBBA8C

#8CEBBA

Split Complementary

#BA8CEB

#EBEA8C

#8DEB8C

Tetradic

#BA8CEB

#EB8C8D

#BDEB8C

#8CEBEA

Color Blindness Simulation

Original

#BA8CEB

Protanopia

#A6A6D4

Deuteranopia

#A9ACCE

Tritanopia

#B8C2BE

Achromatopsia

#9D9D9D

CSS Usage

background-color: #BA8CEB;
color: #BA8CEB;
border-color: #BA8CEB;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F3FC
100
#EDE2F8
200
#DBC2F4
300
#C197ED
400
#9F5EE3
500
#7D26D9
600
#641EAE
700
#50188B
800
#3E136D
900
#30124F
950
#1E0B32

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

8.04:1

AA Pass AAA Pass

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