#AAA340

#AAA340

Color Values

HEX

#AAA340

RGB

170, 163, 64

HSL

56.0, 45.3%, 45.9%

HSV

56.0, 62.4%, 66.7%

CMYK

0.0%, 4.1%, 62.4%, 33.3%

OKLCH

0.702 0.1202 105.3

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#AAA340

#4047AA

Analogous

#AA6E40

#7CAA40

#AAA340

Triadic

#AAA340

#40AAA3

#A340AA

Split Complementary

#AAA340

#407CAA

#6E40AA

Tetradic

#AAA340

#40AA6E

#4047AA

#AA407C

Color Blindness Simulation

Original

#AAA340

Protanopia

#A7A758

Deuteranopia

#A7A85E

Tritanopia

#AA6B6F

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F3E6
200
#EBE9CB
300
#DEDAA6
400
#CBC676
500
#B9B246
600
#948E38
700
#77722D
800
#5D5923
900
#44421D
950
#2B2912

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

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