#C985B0

#C985B0

Color Values

HEX

#C985B0

RGB

201, 133, 176

HSL

322.1, 38.6%, 65.5%

HSV

322.1, 33.8%, 78.8%

CMYK

0.0%, 33.8%, 12.4%, 21.2%

OKLCH

0.6991 0.1001 341.6

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#C985B0

#85C99E

Analogous

#C085C9

#C9858E

#C985B0

Triadic

#C985B0

#B0C985

#85B0C9

Split Complementary

#C985B0

#8EC985

#85C9C0

Tetradic

#C985B0

#C9C085

#85C99E

#858EC9

Color Blindness Simulation

Original

#C985B0

Protanopia

#ACABA6

Deuteranopia

#B0B5A3

Tritanopia

#C69D9C

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EF
200
#E9CEDF
300
#D9AAC8
400
#C57CAA
500
#B14E8C
600
#8D3F70
700
#71325A
800
#582746
900
#412035
950
#291421

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

7.47:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026