#AAA313

#AAA313

Color Values

HEX

#AAA313

RGB

170, 163, 19

HSL

57.2, 79.9%, 37.1%

HSV

57.2, 88.8%, 66.7%

CMYK

0.0%, 4.1%, 88.8%, 33.3%

OKLCH

0.6992 0.1455 106.4

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#AAA313

#131AAA

Analogous

#AA5813

#66AA13

#AAA313

Triadic

#AAA313

#13AAA3

#A313AA

Split Complementary

#AAA313

#1366AA

#5813AA

Tetradic

#AAA313

#13AA58

#131AAA

#AA1366

Color Blindness Simulation

Original

#AAA313

Protanopia

#A7A736

Deuteranopia

#A7A83E

Tritanopia

#AA5157

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#F9F8E1
200
#F8F5BF
300
#F3EE91
400
#ECE555
500
#E5DC1A
600
#B7B015
700
#938D10
800
#736E0D
900
#53500E
950
#353309

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

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