#7AB970

#7AB970

Color Values

HEX

#7AB970

RGB

122, 185, 112

HSL

111,8, 34,3%, 58,2%

HSV

111,8, 39,5%, 72,5%

CMYK

34,1%, 0,0%, 39,5%, 27,5%

OKLCH

0,7248 0,1212 141,1

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#7AB970

#AF70B9

Analogous

#9EB970

#70B98A

#7AB970

Triadic

#7AB970

#707AB9

#B9707A

Split Complementary

#7AB970

#8A70B9

#B9709E

Tetradic

#7AB970

#709EB9

#AF70B9

#B98A70

Color Blindness Simulation

Original

#7AB970

Protanopia

#959682

Deuteranopia

#928D86

Tritanopia

#7D9093

Achromatopsia

#A6A6A6

CSS Usage

background-color: #7AB970;
color: #7AB970;
border-color: #7AB970;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F6FAF5
100
#E9F2E8
200
#D2E8CF
300
#B3D7AD
400
#89C180
500
#60AB54
600
#4D8943
700
#3D6E36
800
#30562A
900
#263F21
950
#182815

Contrast Checker

Text on white

2,33:1

AA Fail AAA Fail

Text on black

9,0:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

فبراير 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026