#786F19

#786F19

Color Values

HEX

#786F19

RGB

120, 111, 25

HSL

54.3, 65.5%, 28.4%

HSV

54.3, 79.2%, 47.1%

CMYK

0.0%, 7.5%, 79.2%, 52.9%

OKLCH

0.5341 0.1026 103.1

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#786F19

#192278

Analogous

#783F19

#517819

#786F19

Triadic

#786F19

#19786F

#6F1978

Split Complementary

#786F19

#195178

#3F1978

Tetradic

#786F19

#19783F

#192278

#781951

Color Blindness Simulation

Original

#786F19

Protanopia

#74742E

Deuteranopia

#757533

Tritanopia

#783E42

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F7F5E3
200
#F3EEC4
300
#EAE29A
400
#DED363
500
#D3C32C
600
#A99C23
700
#877D1C
800
#6A6216
900
#4D4814
950
#312D0D

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

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