#ACA02F

#ACA02F

Color Values

HEX

#ACA02F

RGB

172, 160, 47

HSL

54,2, 57,1%, 42,9%

HSV

54,2, 72,7%, 67,5%

CMYK

0,0%, 7,0%, 72,7%, 32,5%

OKLCH

0,6958 0,1298 103,1

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#ACA02F

#2F3BAC

Analogous

#AC612F

#79AC2F

#ACA02F

Triadic

#ACA02F

#2FACA0

#A02FAC

Split Complementary

#ACA02F

#2F79AC

#612FAC

Tetradic

#ACA02F

#2FAC61

#2F3BAC

#AC2F79

Color Blindness Simulation

Original

#ACA02F

Protanopia

#A7A74A

Deuteranopia

#A8A851

Tritanopia

#AB6065

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F6F4E4
200
#F0ECC7
300
#E5DE9F
400
#D7CC6B
500
#C8BA37
600
#A0952C
700
#807723
800
#645D1B
900
#494518
950
#2E2B0F

Contrast Checker

Text on white

2,68:1

AA Fail AAA Fail

Text on black

7,82: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