#7BC480

#7BC480

Color Values

HEX

#7BC480

RGB

123, 196, 128

HSL

124.1, 38.2%, 62.5%

HSV

124.1, 37.2%, 76.9%

CMYK

37.2%, 0.0%, 34.7%, 23.1%

OKLCH

0.7549 0.121 145.8

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#7BC480

#C47BBF

Analogous

#9AC47B

#7BC4A4

#7BC480

Triadic

#7BC480

#807BC4

#C4807B

Split Complementary

#7BC480

#A47BC4

#C47B9A

Tetradic

#7BC480

#7B9AC4

#C47BBF

#C4A47B

Color Blindness Simulation

Original

#7BC480

Protanopia

#9B9B90

Deuteranopia

#969194

Tritanopia

#7F9DA0

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CEE9D0
300
#AAD9AE
400
#7DC582
500
#4FB055
600
#3F8D44
700
#327137
800
#27582B
900
#204122
950
#142916

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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