#7AC996

#7AC996

Color Values

HEX

#7AC996

RGB

122, 201, 150

HSL

141.3, 42.2%, 63.3%

HSV

141.3, 39.3%, 78.8%

CMYK

39.3%, 0.0%, 25.4%, 21.2%

OKLCH

0.771 0.1076 154.7

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#7AC996

#C97AAD

Analogous

#85C97A

#7AC9BD

#7AC996

Triadic

#7AC996

#967AC9

#C9967A

Split Complementary

#7AC996

#BD7AC9

#C97A85

Tetradic

#7AC996

#7A85C9

#C97AAD

#C9BD7A

Color Blindness Simulation

Original

#7AC996

Protanopia

#9C9DA2

Deuteranopia

#9892A5

Tritanopia

#7EACAE

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F4EB
200
#CCEAD7
300
#A8DCBA
400
#79C895
500
#4AB570
600
#3B915A
700
#2F7448
800
#255B38
900
#1E432B
950
#132A1B

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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