#B48AC3

#B48AC3

Color Values

HEX

#B48AC3

RGB

180, 138, 195

HSL

284.2, 32.2%, 65.3%

HSV

284.2, 29.2%, 76.5%

CMYK

7.7%, 29.2%, 0.0%, 23.5%

OKLCH

0.693 0.0938 317.0

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#B48AC3

#99C38A

Analogous

#988AC3

#C38AB6

#B48AC3

Triadic

#B48AC3

#C3B48A

#8AC3B4

Split Complementary

#B48AC3

#B6C38A

#8AC398

Tetradic

#B48AC3

#C3988A

#99C38A

#8AB6C3

Color Blindness Simulation

Original

#B48AC3

Protanopia

#A2A1B5

Deuteranopia

#A4A7B2

Tritanopia

#B2AAA8

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EFE8F2
200
#E1D0E7
300
#CBAED6
400
#AF82BF
500
#9356A9
600
#764587
700
#5E376C
800
#492B54
900
#37223E
950
#231627

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

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