#776F12

#776F12

Color Values

HEX

#776F12

RGB

119, 111, 18

HSL

55.2, 73.7%, 26.9%

HSV

55.2, 84.9%, 46.7%

CMYK

0.0%, 6.7%, 84.9%, 53.3%

OKLCH

0.5327 0.1064 104.1

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#776F12

#121A77

Analogous

#773D12

#4D7712

#776F12

Triadic

#776F12

#12776F

#6F1277

Split Complementary

#776F12

#124D77

#3D1277

Tetradic

#776F12

#12773D

#121A77

#77124D

Color Blindness Simulation

Original

#776F12

Protanopia

#747328

Deuteranopia

#74752E

Tritanopia

#773A3E

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F8F7E2
200
#F6F1C1
300
#EFE895
400
#E6DB5B
500
#DDCE22
600
#B1A51B
700
#8E8415
800
#6F6711
900
#514B10
950
#33300A

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

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