#CFAD97

#CFAD97

Color Values

HEX

#CFAD97

RGB

207, 173, 151

HSL

23.6, 36.8%, 70.2%

HSV

23.6, 27.1%, 81.2%

CMYK

0.0%, 16.4%, 27.1%, 18.8%

OKLCH

0.7719 0.0502 54.7

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#CFAD97

#97B9CF

Analogous

#CF979D

#CFC997

#CFAD97

Triadic

#CFAD97

#97CFAD

#AD97CF

Split Complementary

#CFAD97

#97CFC9

#979DCF

Tetradic

#CFAD97

#9DCF97

#97B9CF

#C997CF

Color Blindness Simulation

Original

#CFAD97

Protanopia

#C0C09C

Deuteranopia

#C2C59E

Tritanopia

#CDA1A1

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE8
200
#E8D8CE
300
#D8BDAB
400
#C3997E
500
#AE7551
600
#8C5E40
700
#704B34
800
#573B28
900
#402D20
950
#291C14

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

10.08:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026