#BA85E7

#BA85E7

Color Values

HEX

#BA85E7

RGB

186, 133, 231

HSL

272.4, 67.1%, 71.4%

HSV

272.4, 42.4%, 90.6%

CMYK

19.5%, 42.4%, 0.0%, 9.4%

OKLCH

0.7066 0.1483 307.9

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#BA85E7

#B2E785

Analogous

#8985E7

#E785E3

#BA85E7

Triadic

#BA85E7

#E7BA85

#85E7BA

Split Complementary

#BA85E7

#E3E785

#85E789

Tetradic

#BA85E7

#E78985

#B2E785

#85E3E7

Color Blindness Simulation

Original

#BA85E7

Protanopia

#A3A3CF

Deuteranopia

#A6AACA

Tritanopia

#B7BDB8

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DDC3F3
300
#C599EB
400
#A661E0
500
#862AD5
600
#6B22AA
700
#561B88
800
#43156B
900
#33134E
950
#200C31

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

7.6:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026