#C87BBD

#C87BBD

Color Values

HEX

#C87BBD

RGB

200, 123, 189

HSL

308.6, 41.2%, 63.3%

HSV

308.6, 38.5%, 78.4%

CMYK

0.0%, 38.5%, 5.5%, 21.6%

OKLCH

0.6863 0.1279 332.2

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#C87BBD

#7BC886

Analogous

#AC7BC8

#C87B96

#C87BBD

Triadic

#C87BBD

#BDC87B

#7BBDC8

Split Complementary

#C87BBD

#96C87B

#7BC8AC

Tetradic

#C87BBD

#C8AC7B

#7BC886

#7B96C8

Color Blindness Simulation

Original

#C87BBD

Protanopia

#A7A6AD

Deuteranopia

#ABB1A9

Tritanopia

#C4A09E

Achromatopsia

#909090

CSS Usage

background-color: #C87BBD;
color: #C87BBD;
border-color: #C87BBD;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#EACDE6
300
#DBA9D4
400
#C87ABC
500
#B44BA5
600
#903C84
700
#73306A
800
#5A2552
900
#421E3D
950
#2A1327

Contrast Checker

Text on white

2.99:1

AA Fail AAA Fail

Text on black

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