#B797DA

#B797DA

Color Values

HEX

#B797DA

RGB

183, 151, 218

HSL

268.7, 47.5%, 72.4%

HSV

268.7, 30.7%, 85.5%

CMYK

16.1%, 30.7%, 0.0%, 14.5%

OKLCH

0.7293 0.1008 305.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B797DA

#BADA97

Analogous

#9799DA

#D997DA

#B797DA

Triadic

#B797DA

#DAB797

#97DAB7

Split Complementary

#B797DA

#DAD997

#99DA97

Tetradic

#B797DA

#DA9799

#BADA97

#97DAD9

Color Blindness Simulation

Original

#B797DA

Protanopia

#A9A9CA

Deuteranopia

#ABADC6

Tritanopia

#B5BDBA

Achromatopsia

#A3A3A3

CSS Usage

background-color: #B797DA;
color: #B797DA;
border-color: #B797DA;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F7F4FA
100
#EDE6F4
200
#DBCAEC
300
#C1A5DF
400
#9F74CD
500
#7D43BC
600
#643696
700
#502B78
800
#3E215E
900
#301C45
950
#1E122C

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

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