#77DC0C

#77DC0C

Color Values

HEX

#77DC0C

RGB

119, 220, 12

HSL

89.1, 89.7%, 45.5%

HSV

89.1, 94.5%, 86.3%

CMYK

45.9%, 0.0%, 94.5%, 13.7%

OKLCH

0.8009 0.2305 134.7

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#77DC0C

#710CDC

Analogous

#DCD90C

#0FDC0C

#77DC0C

Triadic

#77DC0C

#0C77DC

#DC0C77

Split Complementary

#77DC0C

#0C0FDC

#D90CDC

Tetradic

#77DC0C

#0CDCD9

#710CDC

#DC0C0F

Color Blindness Simulation

Original

#77DC0C

Protanopia

#A3A43E

Deuteranopia

#9D954A

Tritanopia

#7C666F

Achromatopsia

#B8B8B8

CSS Usage

background-color: #77DC0C;
color: #77DC0C;
border-color: #77DC0C;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F8FDF2
100
#EEFBE0
200
#DCFBBB
300
#C3F98B
400
#A3F54C
500
#83F20D
600
#69C10B
700
#549B08
800
#417907
900
#325809
950
#1F3706

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

12.03:1

AA Pass AAA Pass

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