#B48BBC

#B48BBC

Color Values

HEX

#B48BBC

RGB

180, 139, 188

HSL

290,2, 26,8%, 64,1%

HSV

290,2, 26,1%, 73,7%

CMYK

4,3%, 26,1%, 0,0%, 26,3%

OKLCH

0,6921 0,0839 320,8

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#B48BBC

#93BC8B

Analogous

#9B8BBC

#BC8BAB

#B48BBC

Triadic

#B48BBC

#BCB48B

#8BBCB4

Split Complementary

#B48BBC

#ABBC8B

#8BBC9B

Tetradic

#B48BBC

#BC9B8B

#93BC8B

#8BABBC

Color Blindness Simulation

Original

#B48BBC

Protanopia

#A2A2B0

Deuteranopia

#A5A8AD

Tritanopia

#B2A7A5

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F0E9F1
200
#E2D2E5
300
#CDB1D2
400
#B287BA
500
#975DA2
600
#784B81
700
#603C67
800
#4B2F51
900
#38253C
950
#241726

Contrast Checker

Text on white

2,85:1

AA Fail AAA Fail

Text on black

7,36:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026