#D7B697

#D7B697

Color Values

HEX

#D7B697

RGB

215, 182, 151

HSL

29.1, 44.4%, 71.8%

HSV

29.1, 29.8%, 84.3%

CMYK

0.0%, 15.3%, 29.8%, 15.7%

OKLCH

0.7972 0.0568 65.1

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#D7B697

#97B8D7

Analogous

#D79798

#D7D697

#D7B697

Triadic

#D7B697

#97D7B6

#B697D7

Split Complementary

#D7B697

#97D7D6

#9798D7

Tetradic

#D7B697

#98D797

#97B8D7

#D697D7

Color Blindness Simulation

Original

#D7B697

Protanopia

#C9C89E

Deuteranopia

#CBCDA0

Tritanopia

#D5A4A6

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#EBDBCB
300
#DDC1A7
400
#CB9F77
500
#B87E47
600
#936539
700
#76512D
800
#5C3F23
900
#44301D
950
#2B1E12

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

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