#ACA143

#ACA143

Color Values

HEX

#ACA143

RGB

172, 161, 67

HSL

53,7, 43,9%, 46,9%

HSV

53,7, 61,0%, 67,5%

CMYK

0,0%, 6,4%, 61,0%, 32,5%

OKLCH

0,6998 0,1156 102,7

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#ACA143

#434EAC

Analogous

#AC6D43

#83AC43

#ACA143

Triadic

#ACA143

#43ACA1

#A143AC

Split Complementary

#ACA143

#4383AC

#6D43AC

Tetradic

#ACA143

#43AC6D

#434EAC

#AC4383

Color Blindness Simulation

Original

#ACA143

Protanopia

#A7A75A

Deuteranopia

#A8A95F

Tritanopia

#AB6C70

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F2E6
200
#EBE8CC
300
#DDD7A7
400
#CAC177
500
#B7AC48
600
#938939
700
#756E2E
800
#5C5624
900
#44401D
950
#2B2813

Contrast Checker

Text on white

2,65:1

AA Fail AAA Fail

Text on black

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