#AAA50F

#AAA50F

Color Values

HEX

#AAA50F

RGB

170, 165, 15

HSL

58.1, 83.8%, 36.3%

HSV

58.1, 91.2%, 66.7%

CMYK

0.0%, 2.9%, 91.2%, 33.3%

OKLCH

0.7035 0.1483 107.4

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#AAA50F

#0F14AA

Analogous

#AA580F

#61AA0F

#AAA50F

Triadic

#AAA50F

#0FAAA5

#A50FAA

Split Complementary

#AAA50F

#0F61AA

#580FAA

Tetradic

#AAA50F

#0FAA58

#0F14AA

#AA0F61

Color Blindness Simulation

Original

#AAA50F

Protanopia

#A8A833

Deuteranopia

#A8A83C

Tritanopia

#AA5056

Achromatopsia

#9B9B9B

CSS Usage

background-color: #AAA50F;
color: #AAA50F;
border-color: #AAA50F;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FDFCF2
100
#FAF9E0
200
#F9F7BD
300
#F5F28F
400
#F0EB52
500
#EAE415
600
#BBB611
700
#96920D
800
#75720A
900
#55530C
950
#363408

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

8.1:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026