#B28AC2

#B28AC2

Color Values

HEX

#B28AC2

RGB

178, 138, 194

HSL

282.9, 31.5%, 65.1%

HSV

282.9, 28.9%, 76.1%

CMYK

8.2%, 28.9%, 0.0%, 23.9%

OKLCH

0.6906 0.0916 316.1

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#B28AC2

#9AC28A

Analogous

#968AC2

#C28AB6

#B28AC2

Triadic

#B28AC2

#C2B28A

#8AC2B2

Split Complementary

#B28AC2

#B6C28A

#8AC296

Tetradic

#B28AC2

#C2968A

#9AC28A

#8AB6C2

Color Blindness Simulation

Original

#B28AC2

Protanopia

#A1A0B4

Deuteranopia

#A3A6B1

Tritanopia

#B0AAA7

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EFE8F2
200
#E0D0E7
300
#CAAFD5
400
#AD83BE
500
#9157A8
600
#744686
700
#5D386B
800
#482C54
900
#36233E
950
#221627

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

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