#C97EAA

#C97EAA

Color Values

HEX

#C97EAA

RGB

201, 126, 170

HSL

324.8, 41.0%, 64.1%

HSV

324.8, 37.3%, 78.8%

CMYK

0.0%, 37.3%, 15.4%, 21.2%

OKLCH

0.6851 0.1081 344.3

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#C97EAA

#7EC99D

Analogous

#C27EC9

#C97E84

#C97EAA

Triadic

#C97EAA

#AAC97E

#7EAAC9

Split Complementary

#C97EAA

#84C97E

#7EC9C2

Tetradic

#C97EAA

#C9C27E

#7EC99D

#7E84C9

Color Blindness Simulation

Original

#C97EAA

Protanopia

#A9A89F

Deuteranopia

#ADB29D

Tritanopia

#C59795

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#EACDDE
300
#DBA9C6
400
#C77AA7
500
#B44B89
600
#903C6D
700
#733057
800
#5A2644
900
#421F34
950
#2A1321

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

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