#A89F4B

#A89F4B

Color Values

HEX

#A89F4B

RGB

168, 159, 75

HSL

54.2, 38.3%, 47.6%

HSV

54.2, 55.4%, 65.9%

CMYK

0.0%, 5.4%, 55.4%, 34.1%

OKLCH

0.6927 0.1064 103.2

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#A89F4B

#4B54A8

Analogous

#A8704B

#82A84B

#A89F4B

Triadic

#A89F4B

#4BA89F

#9F4BA8

Split Complementary

#A89F4B

#4B82A8

#704BA8

Tetradic

#A89F4B

#4BA870

#4B54A8

#A84B82

Color Blindness Simulation

Original

#A89F4B

Protanopia

#A4A45F

Deuteranopia

#A5A564

Tritanopia

#A86F73

Achromatopsia

#9B9B9B

CSS Usage

background-color: #A89F4B;
color: #A89F4B;
border-color: #A89F4B;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FAF9F5
100
#F3F2E7
200
#E9E6CE
300
#D9D5AA
400
#C5BE7D
500
#B0A74F
600
#8D863F
700
#716B32
800
#585327
900
#413E20
950
#292714

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

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