#B98DF7

#B98DF7

Color Values

HEX

#B98DF7

RGB

185, 141, 247

HSL

264,9, 86,9%, 76,1%

HSV

264,9, 42,9%, 96,9%

CMYK

25,1%, 42,9%, 0,0%, 3,1%

OKLCH

0,7271 0,1547 301,8

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#B98DF7

#CBF78D

Analogous

#8D96F7

#EE8DF7

#B98DF7

Triadic

#B98DF7

#F7B98D

#8DF7B9

Split Complementary

#B98DF7

#F7EE8D

#96F78D

Tetradic

#B98DF7

#F78D96

#CBF78D

#8DF7EE

Color Blindness Simulation

Original

#B98DF7

Protanopia

#A6A6DD

Deuteranopia

#A8ACD7

Tritanopia

#B7C9C5

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F6F2FD
100
#EBE0FA
200
#D6BCFA
300
#B98DF7
400
#934FF3
500
#6D11EE
600
#570DBF
700
#460B99
800
#360877
900
#2A0B56
950
#1B0737

Contrast Checker

Text on white

2,56:1

AA Fail AAA Fail

Text on black

8,22: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