#D3984D

#D3984D

Color Values

HEX

#D3984D

RGB

211, 152, 77

HSL

33.6, 60.4%, 56.5%

HSV

33.6, 63.5%, 82.7%

CMYK

0.0%, 28.0%, 63.5%, 17.3%

OKLCH

0.7222 0.1158 70.7

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#D3984D

#4D88D3

Analogous

#D3554D

#CBD34D

#D3984D

Triadic

#D3984D

#4DD398

#984DD3

Split Complementary

#D3984D

#4DCBD3

#554DD3

Tetradic

#D3984D

#4DD355

#4D88D3

#D34DCB

Color Blindness Simulation

Original

#D3984D

Protanopia

#B9B95F

Deuteranopia

#BDC164

Tritanopia

#D06D71

Achromatopsia

#9F9F9F

CSS Usage

background-color: #D3984D;
color: #D3984D;
border-color: #D3984D;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FBF8F3
100
#F6EEE4
200
#F1DEC6
300
#E7C69D
400
#DAA768
500
#CD8932
600
#A46D28
700
#835820
800
#664419
900
#4B3416
950
#2F210E

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

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