#B48ACB

#B48ACB

Color Values

HEX

#B48ACB

RGB

180, 138, 203

HSL

278.8, 38.5%, 66.9%

HSV

278.8, 32.0%, 79.6%

CMYK

11.3%, 32.0%, 0.0%, 20.4%

OKLCH

0.6964 0.1034 313.2

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#B48ACB

#A1CB8A

Analogous

#948ACB

#CB8AC2

#B48ACB

Triadic

#B48ACB

#CBB48A

#8ACBB4

Split Complementary

#B48ACB

#C2CB8A

#8ACB94

Tetradic

#B48ACB

#CB948A

#A1CB8A

#8AC2CB

Color Blindness Simulation

Original

#B48ACB

Protanopia

#A2A1BB

Deuteranopia

#A4A7B8

Tritanopia

#B2AFAC

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#DFCEE9
300
#C9AAD9
400
#AB7CC5
500
#8E4EB1
600
#723F8D
700
#5B3271
800
#472758
900
#352041
950
#221429

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

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