#7BBA34

#7BBA34

Color Values

HEX

#7BBA34

RGB

123, 186, 52

HSL

88.2, 56.3%, 46.7%

HSV

88.2, 72.0%, 72.9%

CMYK

33.9%, 0.0%, 72.0%, 27.1%

OKLCH

0.7203 0.1748 131.6

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#7BBA34

#7334BA

Analogous

#BAB634

#38BA34

#7BBA34

Triadic

#7BBA34

#347BBA

#BA347B

Split Complementary

#7BBA34

#3438BA

#B634BA

Tetradic

#7BBA34

#34BAB6

#7334BA

#BA3438

Color Blindness Simulation

Original

#7BBA34

Protanopia

#969754

Deuteranopia

#938E5C

Tritanopia

#7E6E74

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF6E5
200
#DDEFC7
300
#C4E49F
400
#A4D66C
500
#84C738
600
#699F2D
700
#548024
800
#42641C
900
#324918
950
#202E0F

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.92:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026