#B48CBF

#B48CBF

Color Values

HEX

#B48CBF

RGB

180, 140, 191

HSL

287,1, 28,5%, 64,9%

HSV

287,1, 26,7%, 74,9%

CMYK

5,8%, 26,7%, 0,0%, 25,1%

OKLCH

0,6951 0,0855 318,9

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#B48CBF

#97BF8C

Analogous

#9B8CBF

#BF8CB0

#B48CBF

Triadic

#B48CBF

#BFB48C

#8CBFB4

Split Complementary

#B48CBF

#B0BF8C

#8CBF9B

Tetradic

#B48CBF

#BF9B8C

#97BF8C

#8CB0BF

Color Blindness Simulation

Original

#B48CBF

Protanopia

#A3A2B3

Deuteranopia

#A5A8B0

Tritanopia

#B2A9A7

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#F0E9F1
200
#E1D1E5
300
#CCB0D3
400
#B086BC
500
#945BA4
600
#774983
700
#5F3A69
800
#4A2E52
900
#38243D
950
#231726

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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026