#B397CA

#B397CA

Color Values

HEX

#B397CA

RGB

179, 151, 202

HSL

272.9, 32.5%, 69.2%

HSV

272.9, 25.2%, 79.2%

CMYK

11.4%, 25.2%, 0.0%, 20.8%

OKLCH

0.719 0.0788 309.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B397CA

#AECA97

Analogous

#9997CA

#CA97C8

#B397CA

Triadic

#B397CA

#CAB397

#97CAB3

Split Complementary

#B397CA

#C8CA97

#97CA99

Tetradic

#B397CA

#CA9997

#AECA97

#97C8CA

Color Blindness Simulation

Original

#B397CA

Protanopia

#A7A7BE

Deuteranopia

#A8ABBB

Tritanopia

#B2B4B2

Achromatopsia

#A1A1A1

CSS Usage

background-color: #B397CA;
color: #B397CA;
border-color: #B397CA;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DCD0E7
300
#C4AED6
400
#A482BF
500
#8456A9
600
#694587
700
#54376C
800
#422B54
900
#32223F
950
#1F1628

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

8.2:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026