#B489C6

#B489C6

Color Values

HEX

#B489C6

RGB

180, 137, 198

HSL

282.3, 34.9%, 65.7%

HSV

282.3, 30.8%, 77.6%

CMYK

9.1%, 30.8%, 0.0%, 22.4%

OKLCH

0.6925 0.0992 315.7

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#B489C6

#9BC689

Analogous

#9689C6

#C689BA

#B489C6

Triadic

#B489C6

#C6B489

#89C6B4

Split Complementary

#B489C6

#BAC689

#89C696

Tetradic

#B489C6

#C69689

#9BC689

#89BAC6

Color Blindness Simulation

Original

#B489C6

Protanopia

#A1A1B7

Deuteranopia

#A4A7B4

Tritanopia

#B2ACA9

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#E0CFE8
300
#CBACD7
400
#AE80C2
500
#9253AC
600
#75428A
700
#5D356E
800
#492A56
900
#372140
950
#231528

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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