#ACAD45

#ACAD45

Color Values

HEX

#ACAD45

RGB

172, 173, 69

HSL

60.6, 43.0%, 47.5%

HSV

60.6, 60.1%, 67.8%

CMYK

0.6%, 0.0%, 60.1%, 32.2%

OKLCH

0.7263 0.1263 109.7

Properties

Cool Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#ACAD45

#4645AD

Analogous

#AD7A45

#78AD45

#ACAD45

Triadic

#ACAD45

#45ACAD

#AD45AC

Split Complementary

#ACAD45

#4578AD

#7A45AD

Tetradic

#ACAD45

#45AD7A

#4645AD

#AD4578

Color Blindness Simulation

Original

#ACAD45

Protanopia

#ACAC5E

Deuteranopia

#ACAC64

Tritanopia

#AC7276

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F4F4E7
200
#EAEBCC
300
#DCDCA7
400
#C8C978
500
#B5B649
600
#91923A
700
#74752F
800
#5B5B24
900
#43431E
950
#2A2A13

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

8.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