#CDB397

#CDB397

Color Values

HEX

#CDB397

RGB

205, 179, 151

HSL

31,1, 35,1%, 69,8%

HSV

31,1, 26,3%, 80,4%

CMYK

0,0%, 12,7%, 26,3%, 19,6%

OKLCH

0,7819 0,0487 69,1

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#CDB397

#97B1CD

Analogous

#CD9897

#CCCD97

#CDB397

Triadic

#CDB397

#97CDB3

#B397CD

Split Complementary

#CDB397

#97CCCD

#9897CD

Tetradic

#CDB397

#97CD98

#97B1CD

#CD97CC

Color Blindness Simulation

Original

#CDB397

Protanopia

#C2C29E

Deuteranopia

#C3C59F

Tritanopia

#CCA3A4

Achromatopsia

#B7B7B7

CSS Usage

background-color: #CDB397;
color: #CDB397;
border-color: #CDB397;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF7F5
100
#F2EDE8
200
#E8DCCF
300
#D7C3AC
400
#C2A280
500
#AC8153
600
#8A6742
700
#6E5335
800
#564129
900
#403121
950
#281F15

Contrast Checker

Text on white

2,0:1

AA Fail AAA Fail

Text on black

10,49: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