#C9977A

#C9977A

Color Values

HEX

#C9977A

RGB

201, 151, 122

HSL

22.0, 42.2%, 63.3%

HSV

22.0, 39.3%, 78.8%

CMYK

0.0%, 24.9%, 39.3%, 21.2%

OKLCH

0.7167 0.0727 51.3

Properties

Warm Light Nearest: Antique Brass

Color Harmonies

Complementary

#C9977A

#7AACC9

Analogous

#C97A84

#C9BE7A

#C9977A

Triadic

#C9977A

#7AC997

#977AC9

Split Complementary

#C9977A

#7AC9BE

#7A84C9

Tetradic

#C9977A

#84C97A

#7AACC9

#BE7AC9

Color Blindness Simulation

Original

#C9977A

Protanopia

#B3B381

Deuteranopia

#B6BA83

Tritanopia

#C68788

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F4EBE7
200
#EAD7CC
300
#DCBBA8
400
#C89679
500
#B5714A
600
#915B3B
700
#74482F
800
#5B3925
900
#432C1E
950
#2A1C13

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

8.19:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026