#ACA347

#ACA347

Color Values

HEX

#ACA347

RGB

172, 163, 71

HSL

54.7, 41.6%, 47.6%

HSV

54.7, 58.7%, 67.5%

CMYK

0.0%, 5.2%, 58.7%, 32.5%

OKLCH

0.7046 0.114 103.7

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#ACA347

#4750AC

Analogous

#AC7047

#82AC47

#ACA347

Triadic

#ACA347

#47ACA3

#A347AC

Split Complementary

#ACA347

#4782AC

#7047AC

Tetradic

#ACA347

#47AC70

#4750AC

#AC4782

Color Blindness Simulation

Original

#ACA347

Protanopia

#A8A85D

Deuteranopia

#A9A963

Tritanopia

#AC6F73

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F2E7
200
#EAE8CC
300
#DBD7A8
400
#C8C179
500
#B5AB4A
600
#90893C
700
#746E30
800
#5A5625
900
#433F1E
950
#2A2813

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

8.08:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026