#7BA923

#7BA923

Color Values

HEX

#7BA923

RGB

123, 169, 35

HSL

80.6, 65.7%, 40.0%

HSV

80.6, 79.3%, 66.3%

CMYK

27.2%, 0.0%, 79.3%, 33.7%

OKLCH

0.6774 0.1632 127.5

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#7BA923

#5123A9

Analogous

#A99423

#38A923

#7BA923

Triadic

#7BA923

#237BA9

#A9237B

Split Complementary

#7BA923

#2338A9

#9423A9

Tetradic

#7BA923

#23A994

#5123A9

#A92338

Color Blindness Simulation

Original

#7BA923

Protanopia

#8F8F43

Deuteranopia

#8C894B

Tritanopia

#7D5D63

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F9FCF3
100
#F0F7E3
200
#E3F3C4
300
#CEEA9A
400
#B4DF63
500
#9AD32C
600
#7BA923
700
#62871C
800
#4D6A16
900
#394D14
950
#24310D

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

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