#AAA30B

#AAA30B

Color Values

HEX

#AAA30B

RGB

170, 163, 11

HSL

57.4, 87.8%, 35.5%

HSV

57.4, 93.5%, 66.7%

CMYK

0.0%, 4.1%, 93.5%, 33.3%

OKLCH

0.699 0.1474 106.5

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#AAA30B

#0B12AA

Analogous

#AA540B

#61AA0B

#AAA30B

Triadic

#AAA30B

#0BAAA3

#A30BAA

Split Complementary

#AAA30B

#0B61AA

#540BAA

Tetradic

#AAA30B

#0BAA54

#0B12AA

#AA0B61

Color Blindness Simulation

Original

#AAA30B

Protanopia

#A7A730

Deuteranopia

#A7A839

Tritanopia

#AA4D53

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAF9E0
200
#FBF8BC
300
#F8F38C
400
#F3EC4E
500
#EFE610
600
#C0B80C
700
#99930A
800
#787308
900
#57530A
950
#373506

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