#D4B487

#D4B487

Color Values

HEX

#D4B487

RGB

212, 180, 135

HSL

35.1, 47.2%, 68.0%

HSV

35.1, 36.3%, 83.1%

CMYK

0.0%, 15.1%, 36.3%, 16.9%

OKLCH

0.7871 0.0703 75.9

Properties

Warm Light Nearest: tan

Color Harmonies

Complementary

#D4B487

#87A7D4

Analogous

#D48D87

#CDD487

#D4B487

Triadic

#D4B487

#87D4B4

#B487D4

Split Complementary

#D4B487

#87CDD4

#8D87D4

Tetradic

#D4B487

#87D48D

#87A7D4

#D487CD

Color Blindness Simulation

Original

#D4B487

Protanopia

#C6C692

Deuteranopia

#C8CA94

Tritanopia

#D29A9C

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#ECDECA
300
#DFC7A5
400
#CDA874
500
#BC8A43
600
#966E36
700
#78582B
800
#5E4522
900
#45341C
950
#2C2112

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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