#C97DA0

#C97DA0

Color Values

HEX

#C97DA0

RGB

201, 125, 160

HSL

332.4, 41.3%, 63.9%

HSV

332.4, 37.8%, 78.8%

CMYK

0.0%, 37.8%, 20.4%, 21.2%

OKLCH

0.68 0.1036 351.1

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#C97DA0

#7DC9A6

Analogous

#C97DC6

#C9807D

#C97DA0

Triadic

#C97DA0

#A0C97D

#7DA0C9

Split Complementary

#C97DA0

#7DC980

#7DC6C9

Tetradic

#C97DA0

#C6C97D

#7DC9A6

#807DC9

Color Blindness Simulation

Original

#C97DA0

Protanopia

#A8A798

Deuteranopia

#ACB296

Tritanopia

#C5918F

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E7ED
200
#EACDDA
300
#DBA9C0
400
#C87A9E
500
#B44B7B
600
#903C63
700
#73304F
800
#5A253E
900
#421E2F
950
#2A131E

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

6.92:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026