#AAA30F

#AAA30F

Color Values

HEX

#AAA30F

RGB

170, 163, 15

HSL

57.3, 83.8%, 36.3%

HSV

57.3, 91.2%, 66.7%

CMYK

0.0%, 4.1%, 91.2%, 33.3%

OKLCH

0.6991 0.1466 106.5

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#AAA30F

#0F16AA

Analogous

#AA560F

#64AA0F

#AAA30F

Triadic

#AAA30F

#0FAAA3

#A30FAA

Split Complementary

#AAA30F

#0F64AA

#560FAA

Tetradic

#AAA30F

#0FAA56

#0F16AA

#AA0F64

Color Blindness Simulation

Original

#AAA30F

Protanopia

#A7A733

Deuteranopia

#A7A83B

Tritanopia

#AA4F55

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF9E0
200
#F9F7BD
300
#F5F08F
400
#F0E952
500
#EAE115
600
#BBB411
700
#96900D
800
#75700A
900
#55520C
950
#363408

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

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