#A7AD47

#A7AD47

Color Values

HEX

#A7AD47

RGB

167, 173, 71

HSL

63,5, 41,8%, 47,8%

HSV

63,5, 59,0%, 67,8%

CMYK

3,5%, 0,0%, 59,0%, 32,2%

OKLCH

0,7223 0,1256 112,3

Properties

Cool Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#A7AD47

#4D47AD

Analogous

#AD8047

#74AD47

#A7AD47

Triadic

#A7AD47

#47A7AD

#AD47A7

Split Complementary

#A7AD47

#4774AD

#8047AD

Tetradic

#A7AD47

#47AD80

#4D47AD

#AD4774

Color Blindness Simulation

Original

#A7AD47

Protanopia

#AAAA60

Deuteranopia

#A9A966

Tritanopia

#A77377

Achromatopsia

#A4A4A4

CSS Usage

background-color: #A7AD47;
color: #A7AD47;
border-color: #A7AD47;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#E8EACC
300
#D8DBA8
400
#C3C879
500
#AFB54A
600
#8C913B
700
#70742F
800
#575A25
900
#41431E
950
#292A13

Contrast Checker

Text on white

2,41:1

AA Fail AAA Fail

Text on black

8,71:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026