#B588CD

#B588CD

Color Values

HEX

#B588CD

RGB

181, 136, 205

HSL

279.1, 40.8%, 66.9%

HSV

279.1, 33.7%, 80.4%

CMYK

11.7%, 33.7%, 0.0%, 19.6%

OKLCH

0.6947 0.1098 313.4

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#B588CD

#A0CD88

Analogous

#9388CD

#CD88C3

#B588CD

Triadic

#B588CD

#CDB588

#88CDB5

Split Complementary

#B588CD

#C3CD88

#88CD93

Tetradic

#B588CD

#CD9388

#A0CD88

#88C3CD

Color Blindness Simulation

Original

#B588CD

Protanopia

#A2A1BC

Deuteranopia

#A4A8B8

Tritanopia

#B3AFAC

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#E0CDEA
300
#C9A9DB
400
#AC7AC7
500
#8F4BB4
600
#733C90
700
#5C3073
800
#48265A
900
#361F42
950
#22132A

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

7.37:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026