#C889BC

#C889BC

Color Values

HEX

#C889BC

RGB

200, 137, 188

HSL

311.4, 36.4%, 66.1%

HSV

311.4, 31.5%, 78.4%

CMYK

0.0%, 31.5%, 6.0%, 21.6%

OKLCH

0.7092 0.1019 333.6

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#C889BC

#89C895

Analogous

#B589C8

#C8899D

#C889BC

Triadic

#C889BC

#BCC889

#89BCC8

Split Complementary

#C889BC

#9DC889

#89C8B5

Tetradic

#C889BC

#C8B589

#89C895

#899DC8

Color Blindness Simulation

Original

#C889BC

Protanopia

#ADACB0

Deuteranopia

#B0B5AD

Tritanopia

#C5A6A4

Achromatopsia

#9A9A9A

CSS Usage

background-color: #C889BC;
color: #C889BC;
border-color: #C889BC;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF5F9
100
#F3E8F1
200
#E8CEE3
300
#D8ACD0
400
#C37EB6
500
#AE519C
600
#8B417D
700
#6F3464
800
#57294E
900
#40213A
950
#291525

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

7.76:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026