#C97D7F

#C97D7F

Color Values

HEX

#C97D7F

RGB

201, 125, 127

HSL

358.4, 41.3%, 63.9%

HSV

358.4, 37.8%, 78.8%

CMYK

0.0%, 37.8%, 36.8%, 21.2%

OKLCH

0.6704 0.0949 18.2

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C97D7F

#7DC9C7

Analogous

#C97DA5

#C9A17D

#C97D7F

Triadic

#C97D7F

#7FC97D

#7D7FC9

Split Complementary

#C97D7F

#7DC9A1

#7DA5C9

Tetradic

#C97D7F

#A5C97D

#7DC9C7

#A17DC9

Color Blindness Simulation

Original

#C97D7F

Protanopia

#A8A77F

Deuteranopia

#ACB27E

Tritanopia

#C57E7E

Achromatopsia

#8D8D8D

CSS Usage

background-color: #C97D7F;
color: #C97D7F;
border-color: #C97D7F;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#EACDCD
300
#DBA9AA
400
#C87A7C
500
#B44B4E
600
#903C3E
700
#733032
800
#5A2527
900
#421E1F
950
#2A1314

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

6.72:1

AA Pass AAA Fail

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