#787417

#787417

Color Values

HEX

#787417

RGB

120, 116, 23

HSL

57.5, 67.8%, 28.0%

HSV

57.5, 80.8%, 47.1%

CMYK

0.0%, 3.3%, 80.8%, 52.9%

OKLCH

0.5457 0.1085 106.9

Properties

Warm Dark Nearest: olive

Color Harmonies

Complementary

#787417

#171B78

Analogous

#784317

#4B7817

#787417

Triadic

#787417

#177874

#741778

Split Complementary

#787417

#174B78

#431778

Tetradic

#787417

#177843

#171B78

#78174B

Color Blindness Simulation

Original

#787417

Protanopia

#76762D

Deuteranopia

#767733

Tritanopia

#783F43

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F7F7E3
200
#F4F1C3
300
#EBE898
400
#E1DB61
500
#D6CF29
600
#ABA521
700
#89841A
800
#6B6715
900
#4E4C13
950
#31300C

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

4.31:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026