#C9AE99

#C9AE99

Color Values

HEX

#C9AE99

RGB

201, 174, 153

HSL

26.3, 30.8%, 69.4%

HSV

26.3, 23.9%, 78.8%

CMYK

0.0%, 13.4%, 23.9%, 21.2%

OKLCH

0.7687 0.0429 60.0

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#C9AE99

#99B4C9

Analogous

#C9999C

#C9C699

#C9AE99

Triadic

#C9AE99

#99C9AE

#AE99C9

Split Complementary

#C9AE99

#99C9C6

#999CC9

Tetradic

#C9AE99

#9CC999

#99B4C9

#C699C9

Color Blindness Simulation

Original

#C9AE99

Protanopia

#BDBD9E

Deuteranopia

#BFC19F

Tritanopia

#C8A2A3

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE8
200
#E6DAD0
300
#D5BFAF
400
#BE9D84
500
#A77B58
600
#856247
700
#6B4F38
800
#533D2C
900
#3E2F23
950
#271E16

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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