#77CF30

#77CF30

Color Values

HEX

#77CF30

RGB

119, 207, 48

HSL

93.2, 62.4%, 50.0%

HSV

93.2, 76.8%, 81.2%

CMYK

42.5%, 0.0%, 76.8%, 18.8%

OKLCH

0.7699 0.2046 134.7

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#77CF30

#8830CF

Analogous

#C7CF30

#30CF38

#77CF30

Triadic

#77CF30

#3077CF

#CF3077

Split Complementary

#77CF30

#3830CF

#CF30C7

Tetradic

#77CF30

#30C7CF

#8830CF

#CF3830

Color Blindness Simulation

Original

#77CF30

Protanopia

#9D9E56

Deuteranopia

#989160

Tritanopia

#7B757C

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#ECF7E4
200
#D9F2C5
300
#BEE89C
400
#9ADC66
500
#77CF30
600
#5FA626
700
#4C851F
800
#3C6818
900
#2E4C15
950
#1D300D

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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