#A78952

#A78952

Color Values

HEX

#A78952

RGB

167, 137, 82

HSL

38.8, 34.1%, 48.8%

HSV

38.8, 50.9%, 65.5%

CMYK

0.0%, 18.0%, 50.9%, 34.5%

OKLCH

0.6457 0.0816 81.6

Properties

Warm Light Nearest: lightgoldenrod 4

Color Harmonies

Complementary

#A78952

#5270A7

Analogous

#A75E52

#9AA752

#A78952

Triadic

#A78952

#52A789

#8952A7

Split Complementary

#A78952

#529AA7

#5E52A7

Tetradic

#A78952

#52A75E

#5270A7

#A7529A

Color Blindness Simulation

Original

#A78952

Protanopia

#9A9A5F

Deuteranopia

#9C9E62

Tritanopia

#A66A6C

Achromatopsia

#8B8B8B

CSS Usage

background-color: #A78952;
color: #A78952;
border-color: #A78952;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF8F5
100
#F2EFE8
200
#E7DFCF
300
#D7C8AD
400
#C1AA80
500
#AB8C54
600
#897043
700
#6D5A36
800
#55462A
900
#3F3522
950
#282115

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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