#DAA162

#DAA162

Color Values

HEX

#DAA162

RGB

218, 161, 98

HSL

31.5, 61.9%, 62.0%

HSV

31.5, 55.0%, 85.5%

CMYK

0.0%, 26.1%, 55.0%, 14.5%

OKLCH

0.7498 0.1049 67.8

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#DAA162

#629BDA

Analogous

#DA6562

#D7DA62

#DAA162

Triadic

#DAA162

#62DAA1

#A162DA

Split Complementary

#DAA162

#62D7DA

#6562DA

Tetradic

#DAA162

#62DA65

#629BDA

#DA62D7

Color Blindness Simulation

Original

#DAA162

Protanopia

#C1C171

Deuteranopia

#C5C975

Tritanopia

#D77D80

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F7EEE4
200
#F1DCC5
300
#E8C49C
400
#DBA466
500
#CE8331
600
#A56927
700
#84541F
800
#674218
900
#4B3215
950
#301F0E

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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