#7BC681

#7BC681

Color Values

HEX

#7BC681

RGB

123, 198, 129

HSL

124.8, 39.7%, 62.9%

HSV

124.8, 37.9%, 77.6%

CMYK

37.9%, 0.0%, 34.8%, 22.4%

OKLCH

0.7599 0.1231 146.1

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#7BC681

#C67BC0

Analogous

#9AC67B

#7BC6A6

#7BC681

Triadic

#7BC681

#817BC6

#C6817B

Split Complementary

#7BC681

#A67BC6

#C67B9A

Tetradic

#7BC681

#7B9AC6

#C67BC0

#C6A67B

Color Blindness Simulation

Original

#7BC681

Protanopia

#9B9C92

Deuteranopia

#979296

Tritanopia

#7F9FA2

Achromatopsia

#B1B1B1

CSS Usage

background-color: #7BC681;
color: #7BC681;
border-color: #7BC681;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDE9CF
300
#AADAAD
400
#7BC681
500
#4DB255
600
#3E8E44
700
#317236
800
#26592A
900
#1F4222
950
#142A15

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

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