#B28ACB

#B28ACB

Color Values

HEX

#B28ACB

RGB

178, 138, 203

HSL

276.9, 38.5%, 66.9%

HSV

276.9, 32.0%, 79.6%

CMYK

12.3%, 32.0%, 0.0%, 20.4%

OKLCH

0.6944 0.1025 311.9

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#B28ACB

#A3CB8A

Analogous

#928ACB

#CB8AC4

#B28ACB

Triadic

#B28ACB

#CBB28A

#8ACBB2

Split Complementary

#B28ACB

#C4CB8A

#8ACB92

Tetradic

#B28ACB

#CB928A

#A3CB8A

#8AC4CB

Color Blindness Simulation

Original

#B28ACB

Protanopia

#A1A0BB

Deuteranopia

#A3A6B8

Tritanopia

#B0AFAC

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EEE7F3
200
#DECEE9
300
#C7AAD9
400
#A97CC5
500
#8B4EB1
600
#6F3F8D
700
#593271
800
#452758
900
#342041
950
#211429

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

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