#C97C7F

#C97C7F

Color Values

HEX

#C97C7F

RGB

201, 124, 127

HSL

357.7, 41.6%, 63.7%

HSV

357.7, 38.3%, 78.8%

CMYK

0.0%, 38.3%, 36.8%, 21.2%

OKLCH

0.6687 0.0962 17.4

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C97C7F

#7CC9C6

Analogous

#C97CA5

#C99F7C

#C97C7F

Triadic

#C97C7F

#7FC97C

#7C7FC9

Split Complementary

#C97C7F

#7CC99F

#7CA5C9

Tetradic

#C97C7F

#A5C97C

#7CC9C6

#9F7CC9

Color Blindness Simulation

Original

#C97C7F

Protanopia

#A8A77E

Deuteranopia

#ACB27E

Tritanopia

#C57E7E

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#EACCCE
300
#DBA8AA
400
#C8797C
500
#B54A4F
600
#903C3F
700
#743032
800
#5A2527
900
#431E20
950
#2A1314

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

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