#7FA880

#7FA880

Color Values

HEX

#7FA880

RGB

127, 168, 128

HSL

121.5, 19.1%, 57.8%

HSV

121.5, 24.4%, 65.9%

CMYK

24.4%, 0.0%, 23.8%, 34.1%

OKLCH

0.6906 0.073 145.3

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#7FA880

#A87FA7

Analogous

#92A87F

#7FA894

#7FA880

Triadic

#7FA880

#807FA8

#A8807F

Split Complementary

#7FA880

#947FA8

#A87F92

Tetradic

#7FA880

#7F92A8

#A87FA7

#A8947F

Color Blindness Simulation

Original

#7FA880

Protanopia

#91918A

Deuteranopia

#8E8B8C

Tritanopia

#819193

Achromatopsia

#9C9C9C

CSS Usage

background-color: #7FA880;
color: #7FA880;
border-color: #7FA880;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F6F9F6
100
#EAF0EA
200
#D4E2D5
300
#B6CDB7
400
#8FB390
500
#679868
600
#537953
700
#426143
800
#344C34
900
#283929
950
#19241A

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

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