#A7A720

#A7A720

Color Values

HEX

#A7A720

RGB

167, 167, 32

HSL

60,0, 67,8%, 39,0%

HSV

60,0, 80,8%, 65,5%

CMYK

0,0%, 0,0%, 80,8%, 34,5%

OKLCH

0,7059 0,1451 109,6

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#A7A720

#2020A7

Analogous

#A76320

#63A720

#A7A720

Triadic

#A7A720

#20A7A7

#A720A7

Split Complementary

#A7A720

#2063A7

#6320A7

Tetradic

#A7A720

#20A763

#2020A7

#A72063

Color Blindness Simulation

Original

#A7A720

Protanopia

#A7A741

Deuteranopia

#A7A748

Tritanopia

#A75A60

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F7F7E3
200
#F4F4C3
300
#EBEB98
400
#E1E161
500
#D6D629
600
#ABAB21
700
#89891A
800
#6B6B15
900
#4E4E13
950
#31310C

Contrast Checker

Text on white

2,56:1

AA Fail AAA Fail

Text on black

8,19: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