#786F00

#786F00

Color Values

HEX

#786F00

RGB

120, 111, 0

HSL

55.5, 100.0%, 23.5%

HSV

55.5, 100.0%, 47.1%

CMYK

0.0%, 7.5%, 100.0%, 52.9%

OKLCH

0.5331 0.1125 103.9

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#786F00

#000978

Analogous

#783300

#457800

#786F00

Triadic

#786F00

#00786F

#6F0078

Split Complementary

#786F00

#004578

#330078

Tetradic

#786F00

#007833

#000978

#780045

Color Blindness Simulation

Original

#786F00

Protanopia

#74741B

Deuteranopia

#757521

Tritanopia

#783035

Achromatopsia

#696969

CSS Usage

background-color: #786F00;
color: #786F00;
border-color: #786F00;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FEFDF1
100
#FCFADE
200
#FFFAB8
300
#FFF685
400
#FFF142
500
#FFEC00
600
#CCBD00
700
#A39700
800
#807600
900
#5C5605
950
#3A3603

Contrast Checker

Text on white

5.16:1

AA Pass AAA Fail

Text on black

4.07:1

AA Fail 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