#D48948

#D48948

Color Values

HEX

#D48948

RGB

212, 137, 72

HSL

27.9, 61.9%, 55.7%

HSV

27.9, 66.0%, 83.1%

CMYK

0.0%, 35.4%, 66.0%, 16.9%

OKLCH

0.6949 0.1222 59.5

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#D48948

#4893D4

Analogous

#D4484D

#D4CF48

#D48948

Triadic

#D48948

#48D489

#8948D4

Split Complementary

#D48948

#48D4CF

#484DD4

Tetradic

#D48948

#4DD448

#4893D4

#CF48D4

Color Blindness Simulation

Original

#D48948

Protanopia

#B4B358

Deuteranopia

#B8BD5C

Tritanopia

#D06467

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#FBF7F3
100
#F7ECE4
200
#F1DAC5
300
#E8BF9C
400
#DB9D66
500
#CE7A31
600
#A56227
700
#844E1F
800
#673D18
900
#4B2F15
950
#301D0E

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

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