#DAA681

#DAA681

Color Values

HEX

#DAA681

RGB

218, 166, 129

HSL

24.9, 54.6%, 68.0%

HSV

24.9, 40.8%, 85.5%

CMYK

0.0%, 23.9%, 40.8%, 14.5%

OKLCH

0.7646 0.0794 56.6

Properties

Warm Light Nearest: Tumbleweed

Color Harmonies

Complementary

#DAA681

#81B5DA

Analogous

#DA8188

#DAD281

#DAA681

Triadic

#DAA681

#81DAA6

#A681DA

Split Complementary

#DAA681

#81DAD2

#8188DA

Tetradic

#DAA681

#88DA81

#81B5DA

#D281DA

Color Blindness Simulation

Original

#DAA681

Protanopia

#C3C38A

Deuteranopia

#C6CA8C

Tritanopia

#D79193

Achromatopsia

#AEAEAE

CSS Usage

background-color: #DAA681;
color: #DAA681;
border-color: #DAA681;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FBF7F4
100
#F5ECE5
200
#EFD8C8
300
#E3BCA0
400
#D4986D
500
#C5743A
600
#9E5D2E
700
#7E4A25
800
#633A1D
900
#482C19
950
#2E1C10

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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