#777502

#777502

Color Values

HEX

#777502

RGB

119, 117, 2

HSL

59.0, 96.7%, 23.7%

HSV

59.0, 98.3%, 46.7%

CMYK

0.0%, 1.7%, 98.3%, 53.3%

OKLCH

0.5463 0.1176 108.5

Properties

Warm Dark Nearest: olive

Color Harmonies

Complementary

#777502

#020477

Analogous

#773A02

#3E7702

#777502

Triadic

#777502

#027775

#750277

Split Complementary

#777502

#023E77

#3A0277

Tetradic

#777502

#02773A

#020477

#77023E

Color Blindness Simulation

Original

#777502

Protanopia

#76761E

Deuteranopia

#767624

Tritanopia

#773439

Achromatopsia

#6D6D6D

CSS Usage

background-color: #777502;
color: #777502;
border-color: #777502;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FEFDF1
100
#FCFBDE
200
#FEFDB9
300
#FDFB87
400
#FCF945
500
#FBF704
600
#C9C503
700
#A19E03
800
#7D7B02
900
#5B5906
950
#393804

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

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