#7BC397

#7BC397

Color Values

HEX

#7BC397

RGB

123, 195, 151

HSL

143.3, 37.5%, 62.4%

HSV

143.3, 36.9%, 76.5%

CMYK

36.9%, 0.0%, 22.6%, 23.5%

OKLCH

0.7575 0.0967 156.4

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#7BC397

#C37BA7

Analogous

#83C37B

#7BC3BB

#7BC397

Triadic

#7BC397

#977BC3

#C3977B

Split Complementary

#7BC397

#BB7BC3

#C37B83

Tetradic

#7BC397

#7B83C3

#C37BA7

#C3BB7B

Color Blindness Simulation

Original

#7BC397

Protanopia

#9A9BA2

Deuteranopia

#9691A4

Tritanopia

#7FAAAC

Achromatopsia

#B1B1B1

CSS Usage

background-color: #7BC397;
color: #7BC397;
border-color: #7BC397;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F5FAF7
100
#E7F3EC
200
#CEE9D8
300
#ABD9BD
400
#7DC499
500
#50AF75
600
#408C5D
700
#33704B
800
#28583A
900
#20412D
950
#14291C

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

10.1:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026