#7AC998

#7AC998

Color Values

HEX

#7AC998

RGB

122, 201, 152

HSL

142.8, 42.2%, 63.3%

HSV

142.8, 39.3%, 78.8%

CMYK

39.3%, 0.0%, 24.4%, 21.2%

OKLCH

0.7715 0.1057 155.7

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#7AC998

#C97AAB

Analogous

#83C97A

#7AC9BF

#7AC998

Triadic

#7AC998

#987AC9

#C9987A

Split Complementary

#7AC998

#BF7AC9

#C97A83

Tetradic

#7AC998

#7A83C9

#C97AAB

#C9BF7A

Color Blindness Simulation

Original

#7AC998

Protanopia

#9C9DA4

Deuteranopia

#9892A7

Tritanopia

#7EADAF

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F4EC
200
#CCEAD8
300
#A8DCBC
400
#79C897
500
#4AB573
600
#3B915C
700
#2F7449
800
#255B39
900
#1E432C
950
#132A1C

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

10.64: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