#DAA96C

#DAA96C

Color Values

HEX

#DAA96C

RGB

218, 169, 108

HSL

33.3, 59.8%, 63.9%

HSV

33.3, 50.5%, 85.5%

CMYK

0.0%, 22.5%, 50.5%, 14.5%

OKLCH

0.7667 0.0972 71.6

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#DAA96C

#6C9DDA

Analogous

#DA726C

#D4DA6C

#DAA96C

Triadic

#DAA96C

#6CDAA9

#A96CDA

Split Complementary

#DAA96C

#6CD4DA

#726CDA

Tetradic

#DAA96C

#6CDA72

#6C9DDA

#DA6CD4

Color Blindness Simulation

Original

#DAA96C

Protanopia

#C5C47B

Deuteranopia

#C8CB7E

Tritanopia

#D88689

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EEE4
200
#F1DEC6
300
#E6C69D
400
#D9A768
500
#CC8833
600
#A36D29
700
#825721
800
#66441A
900
#4B3316
950
#2F200E

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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