#D38F46

#D38F46

Color Values

HEX

#D38F46

RGB

211, 143, 70

HSL

31.1, 61.6%, 55.1%

HSV

31.1, 66.8%, 82.7%

CMYK

0.0%, 32.2%, 66.8%, 17.3%

OKLCH

0.7045 0.1212 65.4

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#D38F46

#468AD3

Analogous

#D34946

#D0D346

#D38F46

Triadic

#D38F46

#46D38F

#8F46D3

Split Complementary

#D38F46

#46D0D3

#4946D3

Tetradic

#D38F46

#46D349

#468AD3

#D346D0

Color Blindness Simulation

Original

#D38F46

Protanopia

#B6B558

Deuteranopia

#BABF5C

Tritanopia

#D06669

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#FBF7F3
100
#F6EDE4
200
#F1DCC5
300
#E7C39C
400
#DBA367
500
#CE8231
600
#A56827
700
#84531F
800
#674118
900
#4B3116
950
#301F0E

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

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