#7CB97F

#7CB97F

Color Values

HEX

#7CB97F

RGB

124, 185, 127

HSL

123,0, 30,3%, 60,6%

HSV

123,0, 33,0%, 72,5%

CMYK

33,0%, 0,0%, 31,4%, 27,5%

OKLCH

0,7289 0,1041 145,6

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#7CB97F

#B97CB6

Analogous

#97B97C

#7CB99E

#7CB97F

Triadic

#7CB97F

#7F7CB9

#B97F7C

Split Complementary

#7CB97F

#9E7CB9

#B97C97

Tetradic

#7CB97F

#7C97B9

#B97CB6

#B99E7C

Color Blindness Simulation

Original

#7CB97F

Protanopia

#96978D

Deuteranopia

#938E90

Tritanopia

#7F989B

Achromatopsia

#A8A8A8

CSS Usage

background-color: #7CB97F;
color: #7CB97F;
border-color: #7CB97F;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5F9F6
100
#E9F2E9
200
#D0E6D2
300
#AFD4B1
400
#84BD87
500
#59A65D
600
#47854A
700
#396A3B
800
#2C532E
900
#233E25
950
#162717

Contrast Checker

Text on white

2,31:1

AA Fail AAA Fail

Text on black

9,1:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026