#B98AE0

#B98AE0

Color Values

HEX

#B98AE0

RGB

185, 138, 224

HSL

272.8, 58.1%, 71.0%

HSV

272.8, 38.4%, 87.8%

CMYK

17.4%, 38.4%, 0.0%, 12.2%

OKLCH

0.7107 0.1311 308.5

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B98AE0

#B1E08A

Analogous

#8E8AE0

#E08ADC

#B98AE0

Triadic

#B98AE0

#E0B98A

#8AE0B9

Split Complementary

#B98AE0

#DCE08A

#8AE08E

Tetradic

#B98AE0

#E08E8A

#B1E08A

#8ADCE0

Color Blindness Simulation

Original

#B98AE0

Protanopia

#A5A4CB

Deuteranopia

#A7ABC6

Tritanopia

#B7BBB7

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE4F6
200
#DDC7F0
300
#C59EE5
400
#A66AD7
500
#8635CA
600
#6C2BA1
700
#562281
800
#431B65
900
#33174A
950
#200F2F

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

7.77:1

AA Pass AAA Pass

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