#D5B494

#D5B494

Color Values

HEX

#D5B494

RGB

213, 180, 148

HSL

29.5, 43.6%, 70.8%

HSV

29.5, 30.5%, 83.5%

CMYK

0.0%, 15.5%, 30.5%, 16.5%

OKLCH

0.7907 0.0578 66.0

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#D5B494

#94B5D5

Analogous

#D59495

#D5D494

#D5B494

Triadic

#D5B494

#94D5B4

#B494D5

Split Complementary

#D5B494

#94D5D4

#9495D5

Tetradic

#D5B494

#95D594

#94B5D5

#D494D5

Color Blindness Simulation

Original

#D5B494

Protanopia

#C7C69C

Deuteranopia

#C9CB9E

Tritanopia

#D3A2A3

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F4EDE7
200
#EBDBCC
300
#DCC1A7
400
#CAA078
500
#B77F48
600
#92653A
700
#75512E
800
#5C3F24
900
#43301D
950
#2B1E13

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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