#7AD031

#7AD031

Color Values

HEX

#7AD031

RGB

122, 208, 49

HSL

92.5, 62.8%, 50.4%

HSV

92.5, 76.4%, 81.6%

CMYK

41.3%, 0.0%, 76.4%, 18.4%

OKLCH

0.7739 0.2038 134.3

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#7AD031

#8731D0

Analogous

#C9D031

#31D038

#7AD031

Triadic

#7AD031

#317AD0

#D0317A

Split Complementary

#7AD031

#3831D0

#D031C9

Tetradic

#7AD031

#31C9D0

#8731D0

#D03831

Color Blindness Simulation

Original

#7AD031

Protanopia

#9FA057

Deuteranopia

#9A9461

Tritanopia

#7E767D

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#ECF7E4
200
#D9F2C5
300
#BFE89B
400
#9CDC65
500
#79D02F
600
#61A626
700
#4D851E
800
#3C6818
900
#2E4C15
950
#1D300D

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

10.89:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026