#ACA80E

#ACA80E

Color Values

HEX

#ACA80E

RGB

172, 168, 14

HSL

58.5, 84.9%, 36.5%

HSV

58.5, 91.9%, 67.5%

CMYK

0.0%, 2.3%, 91.9%, 32.5%

OKLCH

0.712 0.1509 107.9

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#ACA80E

#0E12AC

Analogous

#AC590E

#61AC0E

#ACA80E

Triadic

#ACA80E

#0EACA8

#A80EAC

Split Complementary

#ACA80E

#0E61AC

#590EAC

Tetradic

#ACA80E

#0EAC59

#0E12AC

#AC0E61

Color Blindness Simulation

Original

#ACA80E

Protanopia

#AAAA33

Deuteranopia

#AAAB3C

Tritanopia

#AC5157

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAF9E0
200
#FAF8BD
300
#F6F38E
400
#F1ED51
500
#ECE613
600
#BDB80F
700
#97930C
800
#76730A
900
#55540B
950
#363507

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

8.36:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026