#7AA47F

#7AA47F

Color Values

HEX

#7AA47F

RGB

122, 164, 127

HSL

127.1, 18.8%, 56.1%

HSV

127.1, 25.6%, 64.3%

CMYK

25.6%, 0.0%, 22.6%, 35.7%

OKLCH

0.6777 0.0707 147.9

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#7AA47F

#A47A9F

Analogous

#8AA47A

#7AA494

#7AA47F

Triadic

#7AA47F

#7F7AA4

#A47F7A

Split Complementary

#7AA47F

#947AA4

#A47A8A

Tetradic

#7AA47F

#7A8AA4

#A47A9F

#A4947A

Color Blindness Simulation

Original

#7AA47F

Protanopia

#8C8D88

Deuteranopia

#8A878A

Tritanopia

#7C8F91

Achromatopsia

#989898

CSS Usage

background-color: #7AA47F;
color: #7AA47F;
border-color: #7AA47F;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F6
100
#EAF0EB
200
#D5E2D6
300
#B6CDB9
400
#8FB293
500
#68976D
600
#537957
700
#426146
800
#344C37
900
#28392A
950
#19241B

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

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