#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

2월 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026