#D3A052

#D3A052

Color Values

HEX

#D3A052

RGB

211, 160, 82

HSL

36.3, 59.4%, 57.5%

HSV

36.3, 61.1%, 82.7%

CMYK

0.0%, 24.2%, 61.1%, 17.3%

OKLCH

0.7382 0.113 76.0

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#D3A052

#5285D3

Analogous

#D36052

#C5D352

#D3A052

Triadic

#D3A052

#52D3A0

#A052D3

Split Complementary

#D3A052

#52C5D3

#6052D3

Tetradic

#D3A052

#52D360

#5285D3

#D352C5

Color Blindness Simulation

Original

#D3A052

Protanopia

#BDBC65

Deuteranopia

#C0C469

Tritanopia

#D07477

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EFE4
200
#F1E0C6
300
#E6C99D
400
#D9AC69
500
#CB8F34
600
#A37329
700
#825C21
800
#66481A
900
#4A3617
950
#2F220E

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

8.92:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026