#7CC029

#7CC029

Color Values

HEX

#7CC029

RGB

124, 192, 41

HSL

87.0, 64.8%, 45.7%

HSV

87.0, 78.6%, 75.3%

CMYK

35.4%, 0.0%, 78.6%, 24.7%

OKLCH

0.735 0.1877 131.6

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#7CC029

#6D29C0

Analogous

#C0B829

#31C029

#7CC029

Triadic

#7CC029

#297CC0

#C0297C

Split Complementary

#7CC029

#2931C0

#B829C0

Tetradic

#7CC029

#29C0B8

#6D29C0

#C02931

Color Blindness Simulation

Original

#7CC029

Protanopia

#999A4D

Deuteranopia

#969056

Tritanopia

#7F6A71

Achromatopsia

#A7A7A7

CSS Usage

background-color: #7CC029;
color: #7CC029;
border-color: #7CC029;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F8FCF3
100
#EEF7E3
200
#DEF2C4
300
#C6E99A
400
#A7DE64
500
#88D22D
600
#6DA824
700
#57861D
800
#446916
900
#334D14
950
#20300D

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

9.43:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026