#7CD077

#7CD077

Color Values

HEX

#7CD077

RGB

124, 208, 119

HSL

116,6, 48,6%, 64,1%

HSV

116,6, 42,8%, 81,6%

CMYK

40,4%, 0,0%, 42,8%, 18,4%

OKLCH

0,7827 0,1476 142,8

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#7CD077

#CB77D0

Analogous

#A8D077

#77D09E

#7CD077

Triadic

#7CD077

#777CD0

#D0777C

Split Complementary

#7CD077

#9E77D0

#D077A8

Tetradic

#7CD077

#77A8D0

#CB77D0

#D09E77

Color Blindness Simulation

Original

#7CD077

Protanopia

#A0A18D

Deuteranopia

#9C9592

Tritanopia

#809EA1

Achromatopsia

#B8B8B8

CSS Usage

background-color: #7CD077;
color: #7CD077;
border-color: #7CD077;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F5FBF4
100
#E7F5E6
200
#CCEDCA
300
#A7E0A4
400
#78CF73
500
#49BD42
600
#3A9834
700
#2E792A
800
#245F21
900
#1E461B
950
#132C11

Contrast Checker

Text on white

1,88:1

AA Fail AAA Fail

Text on black

11,15:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Oca 18, 2026