#ACA620

#ACA620

Color Values

HEX

#ACA620

RGB

172, 166, 32

HSL

57.4, 68.6%, 40.0%

HSV

57.4, 81.4%, 67.5%

CMYK

0.0%, 3.5%, 81.4%, 32.5%

OKLCH

0.7081 0.1432 106.8

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#ACA620

#2026AC

Analogous

#AC6020

#6CAC20

#ACA620

Triadic

#ACA620

#20ACA6

#A620AC

Split Complementary

#ACA620

#206CAC

#6020AC

Tetradic

#ACA620

#20AC60

#2026AC

#AC206C

Color Blindness Simulation

Original

#ACA620

Protanopia

#A9A940

Deuteranopia

#AAAA48

Tritanopia

#AC5A60

Achromatopsia

#9E9E9E

CSS Usage

background-color: #ACA620;
color: #ACA620;
border-color: #ACA620;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FCFBF3
100
#F8F7E3
200
#F4F2C3
300
#ECE898
400
#E1DC60
500
#D7CF28
600
#ACA620
700
#8A851A
800
#6B6814
900
#4E4C13
950
#31300C

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

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