#D4B480

#D4B480

Color Values

HEX

#D4B480

RGB

212, 180, 128

HSL

37.1, 49.4%, 66.7%

HSV

37.1, 39.6%, 83.1%

CMYK

0.0%, 15.1%, 39.6%, 16.9%

OKLCH

0.7857 0.0776 79.4

Properties

Warm Light Nearest: burlywood

Color Harmonies

Complementary

#D4B480

#80A0D4

Analogous

#D48A80

#CAD480

#D4B480

Triadic

#D4B480

#80D4B4

#B480D4

Split Complementary

#D4B480

#80CAD4

#8A80D4

Tetradic

#D4B480

#80D48A

#80A0D4

#D480CA

Color Blindness Simulation

Original

#D4B480

Protanopia

#C6C68D

Deuteranopia

#C8CA90

Tritanopia

#D29799

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EFE6
200
#EDDFCA
300
#E0C9A4
400
#CFAC72
500
#BE8E41
600
#987234
700
#7A5B29
800
#5F4720
900
#46361B
950
#2C2211

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

10.64:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026