#A16F02

#A16F02

Color Values

HEX

#A16F02

RGB

161, 111, 2

HSL

41.1, 97.5%, 32.0%

HSV

41.1, 98.8%, 63.1%

CMYK

0.0%, 31.1%, 98.8%, 36.9%

OKLCH

0.5788 0.1204 77.4

Properties

Warm Light Nearest: darkgoldenrod 4

Color Harmonies

Complementary

#A16F02

#0234A1

Analogous

#A11F02

#84A102

#A16F02

Triadic

#A16F02

#02A16F

#6F02A1

Split Complementary

#A16F02

#0284A1

#1F02A1

Tetradic

#A16F02

#02A11F

#0234A1

#A10284

Color Blindness Simulation

Original

#A16F02

Protanopia

#8B8B1C

Deuteranopia

#8E9223

Tritanopia

#9E3136

Achromatopsia

#727272

CSS Usage

background-color: #A16F02;
color: #A16F02;
border-color: #A16F02;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FEFAF1
100
#FCF3DE
200
#FEE8B8
300
#FDD886
400
#FDC345
500
#FCAD03
600
#C98B03
700
#A16F02
800
#7E5702
900
#5B4006
950
#392904

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

4.79:1

AA Pass AAA Fail

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