#A2884A

#A2884A

Color Values

HEX

#A2884A

RGB

162, 136, 74

HSL

42.3, 37.3%, 46.3%

HSV

42.3, 54.3%, 63.5%

CMYK

0.0%, 16.0%, 54.3%, 36.5%

OKLCH

0.6372 0.087 87.1

Properties

Warm Light Nearest: lightgoldenrod 4

Color Harmonies

Complementary

#A2884A

#4A64A2

Analogous

#A25C4A

#90A24A

#A2884A

Triadic

#A2884A

#4AA288

#884AA2

Split Complementary

#A2884A

#4A90A2

#5C4AA2

Tetradic

#A2884A

#4AA25C

#4A64A2

#A24A90

Color Blindness Simulation

Original

#A2884A

Protanopia

#979759

Deuteranopia

#989A5D

Tritanopia

#A16567

Achromatopsia

#898989

CSS Usage

background-color: #A2884A;
color: #A2884A;
border-color: #A2884A;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FAF8F5
100
#F3EFE7
200
#E9E1CE
300
#D9CBAB
400
#C4AF7D
500
#AF9350
600
#8C7640
700
#705E33
800
#584928
900
#413720
950
#292314

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

6.16:1

AA Pass AAA Fail

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