#7AC430

#7AC430

Color Values

HEX

#7AC430

RGB

122, 196, 48

HSL

90.0, 60.7%, 47.8%

HSV

90.0, 75.5%, 76.9%

CMYK

37.8%, 0.0%, 75.5%, 23.1%

OKLCH

0.7442 0.1899 132.9

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#7AC430

#7A30C4

Analogous

#C4C430

#30C430

#7AC430

Triadic

#7AC430

#307AC4

#C4307A

Split Complementary

#7AC430

#3030C4

#C430C4

Tetradic

#7AC430

#30C4C4

#7A30C4

#C43030

Color Blindness Simulation

Original

#7AC430

Protanopia

#9A9B54

Deuteranopia

#96905C

Tritanopia

#7E7076

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#EDF6E4
200
#DBF1C6
300
#C2E79D
400
#A1DA67
500
#80CD32
600
#66A428
700
#528320
800
#406619
900
#304B16
950
#1F2F0E

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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