#A3A136

#A3A136

Color Values

HEX

#A3A136

RGB

163, 161, 54

HSL

58.9, 50.2%, 42.5%

HSV

58.9, 66.9%, 63.9%

CMYK

0.0%, 1.2%, 66.9%, 36.1%

OKLCH

0.6904 0.127 108.3

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#A3A136

#3638A3

Analogous

#A36A36

#6EA336

#A3A136

Triadic

#A3A136

#36A3A1

#A136A3

Split Complementary

#A3A136

#366EA3

#6A36A3

Tetradic

#A3A136

#36A36A

#3638A3

#A3366E

Color Blindness Simulation

Original

#A3A136

Protanopia

#A2A250

Deuteranopia

#A2A256

Tritanopia

#A36469

Achromatopsia

#9A9A9A

CSS Usage

background-color: #A3A136;
color: #A3A136;
border-color: #A3A136;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FBFAF4
100
#F5F4E6
200
#EDEDC9
300
#E1DFA3
400
#D0CE71
500
#C0BD3F
600
#999733
700
#7B7929
800
#605F20
900
#46461B
950
#2C2C11

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

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