#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