#D5B698

#D5B698

Color Values

HEX

#D5B698

RGB

213, 182, 152

HSL

29.5, 42.1%, 71.6%

HSV

29.5, 28.6%, 83.5%

CMYK

0.0%, 14.6%, 28.6%, 16.5%

OKLCH

0.7955 0.0542 66.0

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#D5B698

#98B7D5

Analogous

#D59899

#D5D598

#D5B698

Triadic

#D5B698

#98D5B6

#B698D5

Split Complementary

#D5B698

#98D5D5

#9899D5

Tetradic

#D5B698

#99D598

#98B7D5

#D598D5

Color Blindness Simulation

Original

#D5B698

Protanopia

#C8C79F

Deuteranopia

#C9CCA1

Tritanopia

#D3A5A6

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F4EDE7
200
#EADBCC
300
#DCC1A8
400
#C8A079
500
#B57F4A
600
#91653B
700
#74512F
800
#5B3F25
900
#43301E
950
#2A1E13

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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