#AAA308

#AAA308

Color Values

HEX

#AAA308

RGB

170, 163, 8

HSL

57.4, 91.0%, 34.9%

HSV

57.4, 95.3%, 66.7%

CMYK

0.0%, 4.1%, 95.3%, 33.3%

OKLCH

0.699 0.148 106.5

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#AAA308

#080FAA

Analogous

#AA5208

#60AA08

#AAA308

Triadic

#AAA308

#08AAA3

#A308AA

Split Complementary

#AAA308

#0860AA

#5208AA

Tetradic

#AAA308

#08AA52

#080FAA

#AA0860

Color Blindness Simulation

Original

#AAA308

Protanopia

#A7A72D

Deuteranopia

#A7A836

Tritanopia

#AA4B52

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFADF
200
#FCF9BB
300
#F9F58A
400
#F7EF4B
500
#F4E90B
600
#C3BB09
700
#9C9507
800
#7A7506
900
#585509
950
#383506

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