#A87124

#A87124

Color Values

HEX

#A87124

RGB

168, 113, 36

HSL

35.0, 64.7%, 40.0%

HSV

35.0, 78.6%, 65.9%

CMYK

0.0%, 32.7%, 78.6%, 34.1%

OKLCH

0.5929 0.113 70.7

Properties

Warm Light Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#A87124

#245BA8

Analogous

#A82F24

#9DA824

#A87124

Triadic

#A87124

#24A871

#7124A8

Split Complementary

#A87124

#249DA8

#2F24A8

Tetradic

#A87124

#24A82F

#245BA8

#A8249D

Color Blindness Simulation

Original

#A87124

Protanopia

#909037

Deuteranopia

#93983B

Tritanopia

#A54549

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EFE3
200
#F2DFC4
300
#E9C89A
400
#DEAB64
500
#D28D2D
600
#A87124
700
#865A1D
800
#694717
900
#4D3514
950
#30220D

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

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