#ACA50C

#ACA50C

Color Values

HEX

#ACA50C

RGB

172, 165, 12

HSL

57.4, 87.0%, 36.1%

HSV

57.4, 93.0%, 67.5%

CMYK

0.0%, 4.1%, 93.0%, 32.5%

OKLCH

0.7053 0.1486 106.6

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#ACA50C

#0C13AC

Analogous

#AC550C

#63AC0C

#ACA50C

Triadic

#ACA50C

#0CACA5

#A50CAC

Split Complementary

#ACA50C

#0C63AC

#550CAC

Tetradic

#ACA50C

#0CAC55

#0C13AC

#AC0C63

Color Blindness Simulation

Original

#ACA50C

Protanopia

#A9A931

Deuteranopia

#A9AA3A

Tritanopia

#AC4E55

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAF9E0
200
#FAF8BC
300
#F7F28D
400
#F3EC4F
500
#EEE511
600
#BFB70D
700
#99920B
800
#777208
900
#56530B
950
#373407

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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