#AAAE48

#AAAE48

Color Values

HEX

#AAAE48

RGB

170, 174, 72

HSL

62.4, 41.5%, 48.2%

HSV

62.4, 58.6%, 68.2%

CMYK

2.3%, 0.0%, 58.6%, 31.8%

OKLCH

0.7271 0.1252 111.2

Properties

Cool Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#AAAE48

#4C48AE

Analogous

#AE7F48

#77AE48

#AAAE48

Triadic

#AAAE48

#48AAAE

#AE48AA

Split Complementary

#AAAE48

#4877AE

#7F48AE

Tetradic

#AAAE48

#48AE7F

#4C48AE

#AE4877

Color Blindness Simulation

Original

#AAAE48

Protanopia

#ACAC61

Deuteranopia

#ACAB67

Tritanopia

#AA7478

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#E9EACC
300
#D9DBA8
400
#C5C879
500
#B0B44B
600
#8D903C
700
#717330
800
#585A25
900
#41431E
950
#292A13

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

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