#D4944F

#D4944F

Color Values

HEX

#D4944F

RGB

212, 148, 79

HSL

31.1, 60.7%, 57.1%

HSV

31.1, 62.7%, 83.1%

CMYK

0.0%, 30.2%, 62.7%, 16.9%

OKLCH

0.716 0.1153 66.2

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#D4944F

#4F8FD4

Analogous

#D4524F

#D2D44F

#D4944F

Triadic

#D4944F

#4FD494

#944FD4

Split Complementary

#D4944F

#4FD2D4

#524FD4

Tetradic

#D4944F

#4FD452

#4F8FD4

#D44FD2

Color Blindness Simulation

Original

#D4944F

Protanopia

#B8B860

Deuteranopia

#BCC164

Tritanopia

#D16D70

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#FBF7F3
100
#F6EDE4
200
#F1DCC6
300
#E7C39D
400
#DAA367
500
#CD8232
600
#A46828
700
#835320
800
#664119
900
#4B3116
950
#2F1F0E

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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