#ADA162

#ADA162

Color Values

HEX

#ADA162

RGB

173, 161, 98

HSL

50,4, 31,4%, 53,1%

HSV

50,4, 43,4%, 67,8%

CMYK

0,0%, 6,9%, 43,4%, 32,2%

OKLCH

0,7048 0,0843 98,8

Properties

Warm Light Nearest: RAL 1001 Beige

Color Harmonies

Complementary

#ADA162

#626EAD

Analogous

#AD7B62

#93AD62

#ADA162

Triadic

#ADA162

#62ADA1

#A162AD

Split Complementary

#ADA162

#6293AD

#7B62AD

Tetradic

#ADA162

#62AD7B

#626EAD

#AD6293

Color Blindness Simulation

Original

#ADA162

Protanopia

#A8A871

Deuteranopia

#A8A975

Tritanopia

#AC7D80

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F2F0E8
200
#E7E3D0
300
#D5CFAF
400
#BEB583
500
#A89B57
600
#867C46
700
#6B6338
800
#544D2C
900
#3E3A23
950
#272416

Contrast Checker

Text on white

2,61:1

AA Fail AAA Fail

Text on black

8,05: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