#C97886

#C97886

Color Values

HEX

#C97886

RGB

201, 120, 134

HSL

349.6, 42.9%, 62.9%

HSV

349.6, 40.3%, 78.8%

CMYK

0.0%, 40.3%, 33.3%, 21.2%

OKLCH

0.6637 0.1023 9.1

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C97886

#78C9BB

Analogous

#C978AE

#C99278

#C97886

Triadic

#C97886

#86C978

#7886C9

Split Complementary

#C97886

#78C992

#78AEC9

Tetradic

#C97886

#AEC978

#78C9BB

#9278C9

Color Blindness Simulation

Original

#C97886

Protanopia

#A6A583

Deuteranopia

#ABB182

Tritanopia

#C5807F

Achromatopsia

#8A8A8A

CSS Usage

background-color: #C97886;
color: #C97886;
border-color: #C97886;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FAF5F6
100
#F4E7E9
200
#EBCCD1
300
#DCA8B1
400
#C97886
500
#B6495C
600
#923A49
700
#752F3B
800
#5B242E
900
#431E24
950
#2A1317

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

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