#B97FE0

#B97FE0

Color Values

HEX

#B97FE0

RGB

185, 127, 224

HSL

275.9, 61.0%, 68.8%

HSV

275.9, 43.3%, 87.8%

CMYK

17.4%, 43.3%, 0.0%, 12.2%

OKLCH

0.6922 0.1495 310.5

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B97FE0

#A6E07F

Analogous

#887FE0

#E07FD6

#B97FE0

Triadic

#B97FE0

#E0B97F

#7FE0B9

Split Complementary

#B97FE0

#D6E07F

#7FE088

Tetradic

#B97FE0

#E0887F

#A6E07F

#7FD6E0

Color Blindness Simulation

Original

#B97FE0

Protanopia

#A09FC9

Deuteranopia

#A3A8C3

Tritanopia

#B6B6B2

Achromatopsia

#929292

CSS Usage

background-color: #B97FE0;
color: #B97FE0;
border-color: #B97FE0;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F3FB
100
#EFE4F6
200
#E0C6F1
300
#C99CE7
400
#AC67DA
500
#8F32CD
600
#7228A4
700
#5B2083
800
#471967
900
#36164B
950
#220E2F

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

7.17: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