#777012

#777012

Color Values

HEX

#777012

RGB

119, 112, 18

HSL

55.8, 73.7%, 26.9%

HSV

55.8, 84.9%, 46.7%

CMYK

0.0%, 5.9%, 84.9%, 53.3%

OKLCH

0.5351 0.1073 104.9

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#777012

#121977

Analogous

#773E12

#4C7712

#777012

Triadic

#777012

#127770

#701277

Split Complementary

#777012

#124C77

#3E1277

Tetradic

#777012

#12773E

#121977

#77124C

Color Blindness Simulation

Original

#777012

Protanopia

#747429

Deuteranopia

#74752E

Tritanopia

#773B3F

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F8F7E2
200
#F6F2C1
300
#EFE995
400
#E6DC5B
500
#DDD022
600
#B1A71B
700
#8E8515
800
#6F6811
900
#514C10
950
#33300A

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

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