#B587D0

#B587D0

Color Values

HEX

#B587D0

RGB

181, 135, 208

HSL

277.8, 43.7%, 67.3%

HSV

277.8, 35.1%, 81.6%

CMYK

13.0%, 35.1%, 0.0%, 18.4%

OKLCH

0.6942 0.1152 312.4

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B587D0

#A2D087

Analogous

#9187D0

#D087C7

#B587D0

Triadic

#B587D0

#D0B587

#87D0B5

Split Complementary

#B587D0

#C7D087

#87D091

Tetradic

#B587D0

#D09187

#A2D087

#87C7D0

Color Blindness Simulation

Original

#B587D0

Protanopia

#A1A1BE

Deuteranopia

#A4A7BA

Tritanopia

#B3B0AD

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE7F4
200
#DFCCEB
300
#C9A7DD
400
#AB77CA
500
#8E48B7
600
#723993
700
#5B2E75
800
#47245C
900
#351D44
950
#22132B

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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