#B48CD8

#B48CD8

Color Values

HEX

#B48CD8

RGB

180, 140, 216

HSL

271.6, 49.4%, 69.8%

HSV

271.6, 35.2%, 84.7%

CMYK

16.7%, 35.2%, 0.0%, 15.3%

OKLCH

0.7057 0.116 307.8

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B48CD8

#B0D88C

Analogous

#8E8CD8

#D88CD6

#B48CD8

Triadic

#B48CD8

#D8B48C

#8CD8B4

Split Complementary

#B48CD8

#D6D88C

#8CD88E

Tetradic

#B48CD8

#D88E8C

#B0D88C

#8CD6D8

Color Blindness Simulation

Original

#B48CD8

Protanopia

#A3A2C6

Deuteranopia

#A5A8C1

Tritanopia

#B2B7B4

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE6F5
200
#DCCAED
300
#C3A4E0
400
#A372CF
500
#8341BE
600
#693498
700
#54297A
800
#41205F
900
#321B46
950
#1F112C

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

7.68:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026