#7BCB50

#7BCB50

Color Values

HEX

#7BCB50

RGB

123, 203, 80

HSL

99.0, 54.2%, 55.5%

HSV

99.0, 60.6%, 79.6%

CMYK

39.4%, 0.0%, 60.6%, 20.4%

OKLCH

0.7647 0.1766 136.2

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#7BCB50

#A050CB

Analogous

#B9CB50

#50CB62

#7BCB50

Triadic

#7BCB50

#507BCB

#CB507B

Split Complementary

#7BCB50

#6250CB

#CB50B9

Tetradic

#7BCB50

#50B9CB

#A050CB

#CB6250

Color Blindness Simulation

Original

#7BCB50

Protanopia

#9E9E6E

Deuteranopia

#999375

Tritanopia

#7F858A

Achromatopsia

#B1B1B1

CSS Usage

background-color: #7BCB50;
color: #7BCB50;
border-color: #7BCB50;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F6FBF4
100
#EBF5E5
200
#D5EFC8
300
#B8E3A1
400
#91D46E
500
#6BC53A
600
#559D2F
700
#447E25
800
#35621D
900
#294819
950
#1A2E10

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

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