#A39F2F

#A39F2F

Color Values

HEX

#A39F2F

RGB

163, 159, 47

HSL

57.9, 55.2%, 41.2%

HSV

57.9, 71.2%, 63.9%

CMYK

0.0%, 2.5%, 71.2%, 36.1%

OKLCH

0.6854 0.1298 107.3

Properties

Warm Light Nearest: yellow 4

Color Harmonies

Complementary

#A39F2F

#2F33A3

Analogous

#A3652F

#6DA32F

#A39F2F

Triadic

#A39F2F

#2FA39F

#9F2FA3

Split Complementary

#A39F2F

#2F6DA3

#652FA3

Tetradic

#A39F2F

#2FA365

#2F33A3

#A32F6D

Color Blindness Simulation

Original

#A39F2F

Protanopia

#A1A14A

Deuteranopia

#A2A251

Tritanopia

#A36064

Achromatopsia

#989898

CSS Usage

background-color: #A39F2F;
color: #A39F2F;
border-color: #A39F2F;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FBFBF4
100
#F6F5E5
200
#EFEEC8
300
#E4E1A0
400
#D5D16D
500
#C6C139
600
#9E9A2E
700
#7F7B25
800
#63601D
900
#494718
950
#2E2D0F

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

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