#DAA170

#DAA170

Color Values

HEX

#DAA170

RGB

218, 161, 112

HSL

27.7, 58.9%, 64.7%

HSV

27.7, 48.6%, 85.5%

CMYK

0.0%, 26.1%, 48.6%, 14.5%

OKLCH

0.752 0.0937 61.4

Properties

Warm Light Nearest: Tumbleweed

Color Harmonies

Complementary

#DAA170

#70A9DA

Analogous

#DA7074

#DAD670

#DAA170

Triadic

#DAA170

#70DAA1

#A170DA

Split Complementary

#DAA170

#70DAD6

#7074DA

Tetradic

#DAA170

#74DA70

#70A9DA

#D670DA

Color Blindness Simulation

Original

#DAA170

Protanopia

#C1C17C

Deuteranopia

#C5C97F

Tritanopia

#D78587

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F6ECE4
200
#F0DAC6
300
#E6BF9E
400
#D89C69
500
#CB7A34
600
#A2612A
700
#824E22
800
#653D1A
900
#4A2E17
950
#2F1D0E

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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