#C9AB97

#C9AB97

Color Values

HEX

#C9AB97

RGB

201, 171, 151

HSL

24.0, 31.6%, 69.0%

HSV

24.0, 24.9%, 78.8%

CMYK

0.0%, 14.9%, 24.9%, 21.2%

OKLCH

0.7623 0.0448 55.6

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#C9AB97

#97B5C9

Analogous

#C9979C

#C9C497

#C9AB97

Triadic

#C9AB97

#97C9AB

#AB97C9

Split Complementary

#C9AB97

#97C9C4

#979CC9

Tetradic

#C9AB97

#9CC997

#97B5C9

#C497C9

Color Blindness Simulation

Original

#C9AB97

Protanopia

#BCBC9C

Deuteranopia

#BEC09D

Tritanopia

#C8A0A0

Achromatopsia

#B0B0B0

CSS Usage

background-color: #C9AB97;
color: #C9AB97;
border-color: #C9AB97;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F7F5
100
#F2ECE8
200
#E7D9D0
300
#D5BEAE
400
#BE9B83
500
#A87757
600
#866046
700
#6B4C38
800
#543C2C
900
#3E2E23
950
#271D16

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

9.76:1

AA Pass AAA Pass

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