#D49366

#D49366

Color Values

HEX

#D49366

RGB

212, 147, 102

HSL

24.5, 56.1%, 61.6%

HSV

24.5, 51.9%, 83.1%

CMYK

0.0%, 30.7%, 51.9%, 16.9%

OKLCH

0.7175 0.0992 55.1

Properties

Warm Light Nearest: Raw Sienna

Color Harmonies

Complementary

#D49366

#66A7D4

Analogous

#D46670

#D4CA66

#D49366

Triadic

#D49366

#66D493

#9366D4

Split Complementary

#D49366

#66D4CA

#6670D4

Tetradic

#D49366

#70D466

#66A7D4

#CA66D4

Color Blindness Simulation

Original

#D49366

Protanopia

#B8B771

Deuteranopia

#BCC074

Tritanopia

#D1797B

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F6ECE5
200
#EFD8C7
300
#E4BC9F
400
#D6976C
500
#C77238
600
#9F5C2D
700
#7F4924
800
#64391C
900
#492C18
950
#2E1C0F

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

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