#7BAF54

#7BAF54

Color Values

HEX

#7BAF54

RGB

123, 175, 84

HSL

94.3, 36.3%, 50.8%

HSV

94.3, 52.0%, 68.6%

CMYK

29.7%, 0.0%, 52.0%, 31.4%

OKLCH

0.6967 0.1342 133.4

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#7BAF54

#8854AF

Analogous

#A9AF54

#54AF5B

#7BAF54

Triadic

#7BAF54

#547BAF

#AF547B

Split Complementary

#7BAF54

#5B54AF

#AF54A9

Tetradic

#7BAF54

#54A9AF

#8854AF

#AF5B54

Color Blindness Simulation

Original

#7BAF54

Protanopia

#92926A

Deuteranopia

#8E8B6F

Tritanopia

#7E7B7F

Achromatopsia

#9D9D9D

CSS Usage

background-color: #7BAF54;
color: #7BAF54;
border-color: #7BAF54;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FAF5
100
#ECF3E8
200
#D9E8CE
300
#BFD8AC
400
#9CC37E
500
#79AE51
600
#618B41
700
#4D6F34
800
#3C5729
900
#2E4021
950
#1D2915

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

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