#CDB296

#CDB296

Color Values

HEX

#CDB296

RGB

205, 178, 150

HSL

30.5, 35.5%, 69.6%

HSV

30.5, 26.8%, 80.4%

CMYK

0.0%, 13.2%, 26.8%, 19.6%

OKLCH

0.7797 0.0494 68.0

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#CDB296

#96B1CD

Analogous

#CD9696

#CDCD96

#CDB296

Triadic

#CDB296

#96CDB2

#B296CD

Split Complementary

#CDB296

#96CDCD

#9696CD

Tetradic

#CDB296

#96CD96

#96B1CD

#CD96CD

Color Blindness Simulation

Original

#CDB296

Protanopia

#C1C19D

Deuteranopia

#C3C59E

Tritanopia

#CCA2A3

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE8
200
#E8DCCF
300
#D8C2AC
400
#C2A17F
500
#AD8052
600
#8A6742
700
#6F5235
800
#564029
900
#403121
950
#281F15

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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