#B48DC5

#B48DC5

Color Values

HEX

#B48DC5

RGB

180, 141, 197

HSL

281.8, 32.6%, 66.3%

HSV

281.8, 28.4%, 77.3%

CMYK

8.6%, 28.4%, 0.0%, 22.7%

OKLCH

0.6993 0.0908 315.4

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#B48DC5

#9EC58D

Analogous

#988DC5

#C58DBA

#B48DC5

Triadic

#B48DC5

#C5B48D

#8DC5B4

Split Complementary

#B48DC5

#BAC58D

#8DC598

Tetradic

#B48DC5

#C5988D

#9EC58D

#8DBAC5

Color Blindness Simulation

Original

#B48DC5

Protanopia

#A3A3B7

Deuteranopia

#A5A8B4

Tritanopia

#B2ADAA

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EFE8F2
200
#E0D0E7
300
#CAAED6
400
#AD82BF
500
#9056A9
600
#734587
700
#5C376C
800
#482B55
900
#36223F
950
#221628

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

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