#7AC997

#7AC997

Color Values

HEX

#7AC997

RGB

122, 201, 151

HSL

142,0, 42,2%, 63,3%

HSV

142,0, 39,3%, 78,8%

CMYK

39,3%, 0,0%, 24,9%, 21,2%

OKLCH

0,7713 0,1066 155,2

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#7AC997

#C97AAC

Analogous

#84C97A

#7AC9BE

#7AC997

Triadic

#7AC997

#977AC9

#C9977A

Split Complementary

#7AC997

#BE7AC9

#C97A84

Tetradic

#7AC997

#7A84C9

#C97AAC

#C9BE7A

Color Blindness Simulation

Original

#7AC997

Protanopia

#9C9DA3

Deuteranopia

#9892A6

Tritanopia

#7EADAF

Achromatopsia

#B5B5B5

CSS Usage

background-color: #7AC997;
color: #7AC997;
border-color: #7AC997;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F5FAF7
100
#E7F4EB
200
#CCEAD7
300
#A8DCBB
400
#79C896
500
#4AB571
600
#3B915B
700
#2F7448
800
#255B39
900
#1E432C
950
#132A1C

Contrast Checker

Text on white

1,98:1

AA Fail AAA Fail

Text on black

10,63: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