#B97DEE

#B97DEE

Color Values

HEX

#B97DEE

RGB

185, 125, 238

HSL

271.9, 76.9%, 71.2%

HSV

271.9, 47.5%, 93.3%

CMYK

22.3%, 47.5%, 0.0%, 6.7%

OKLCH

0.6961 0.1692 307.0

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#B97DEE

#B2EE7D

Analogous

#817DEE

#EE7DEA

#B97DEE

Triadic

#B97DEE

#EEB97D

#7DEEB9

Split Complementary

#B97DEE

#EAEE7D

#7DEE81

Tetradic

#B97DEE

#EE817D

#B2EE7D

#7DEAEE

Color Blindness Simulation

Original

#B97DEE

Protanopia

#9F9ED3

Deuteranopia

#A2A7CC

Tritanopia

#B6BDB8

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DDC0F7
300
#C593F1
400
#A558E9
500
#861DE2
600
#6B18B4
700
#561390
800
#430F71
900
#330F52
950
#200934

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

7.23:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026