#B493DB

#B493DB

Color Values

HEX

#B493DB

RGB

180, 147, 219

HSL

267.5, 50.0%, 71.8%

HSV

267.5, 32.9%, 85.9%

CMYK

17.8%, 32.9%, 0.0%, 14.1%

OKLCH

0.7197 0.1079 304.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B493DB

#BADB93

Analogous

#9396DB

#D893DB

#B493DB

Triadic

#B493DB

#DBB493

#93DBB4

Split Complementary

#B493DB

#DBD893

#96DB93

Tetradic

#B493DB

#DB9396

#BADB93

#93DBD8

Color Blindness Simulation

Original

#B493DB

Protanopia

#A6A5CA

Deuteranopia

#A8AAC5

Tritanopia

#B2BCB9

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE6F5
200
#DAC9ED
300
#BFA3E0
400
#9D71D0
500
#7A40BF
600
#623399
700
#4E297A
800
#3D2060
900
#2F1B46
950
#1D112C

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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