#ACA283

#ACA283

Color Values

HEX

#ACA283

RGB

172, 162, 131

HSL

45.4, 19.8%, 59.4%

HSV

45.4, 23.8%, 67.5%

CMYK

0.0%, 5.8%, 23.8%, 32.5%

OKLCH

0.7125 0.0446 92.3

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#ACA283

#838DAC

Analogous

#AC8D83

#A1AC83

#ACA283

Triadic

#ACA283

#83ACA2

#A283AC

Split Complementary

#ACA283

#83A1AC

#8D83AC

Tetradic

#ACA283

#83AC8D

#838DAC

#AC83A1

Color Blindness Simulation

Original

#ACA283

Protanopia

#A8A88A

Deuteranopia

#A8A98C

Tritanopia

#AC9092

Achromatopsia

#A2A2A2

CSS Usage

background-color: #ACA283;
color: #ACA283;
border-color: #ACA283;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E2DFD4
300
#CEC8B6
400
#B3AA8E
500
#998C66
600
#7A7052
700
#625A41
800
#4C4633
900
#393528
950
#242119

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026