#84940F

#84940F

Color Values

HEX

#84940F

RGB

132, 148, 15

HSL

67.2, 81.6%, 32.0%

HSV

67.2, 89.9%, 58.0%

CMYK

10.8%, 0.0%, 89.9%, 42.0%

OKLCH

0.632 0.1423 117.3

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#84940F

#1F0F94

Analogous

#94620F

#42940F

#84940F

Triadic

#84940F

#0F8494

#940F84

Split Complementary

#84940F

#0F4294

#620F94

Tetradic

#84940F

#0F9462

#1F0F94

#940F42

Color Blindness Simulation

Original

#84940F

Protanopia

#8B8B2F

Deuteranopia

#8A8937

Tritanopia

#85494E

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#FBFDF2
100
#F7FAE1
200
#F1F8BE
300
#E8F490
400
#DBEE54
500
#CFE817
600
#A5B913
700
#84940F
800
#67740C
900
#4B540D
950
#303508

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

6.22:1

AA Pass AAA Fail

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