#77A280

#77A280

Color Values

HEX

#77A280

RGB

119, 162, 128

HSL

132.6, 18.8%, 55.1%

HSV

132.6, 26.5%, 63.5%

CMYK

26.5%, 0.0%, 21.0%, 36.5%

OKLCH

0.6713 0.0684 150.6

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#77A280

#A27799

Analogous

#83A277

#77A296

#77A280

Triadic

#77A280

#8077A2

#A28077

Split Complementary

#77A280

#9677A2

#A27783

Tetradic

#77A280

#7783A2

#A27799

#A29677

Color Blindness Simulation

Original

#77A280

Protanopia

#8A8A88

Deuteranopia

#87848A

Tritanopia

#798F90

Achromatopsia

#969696

CSS Usage

background-color: #77A280;
color: #77A280;
border-color: #77A280;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F7
100
#EAF0EB
200
#D5E2D7
300
#B6CDBB
400
#8FB296
500
#689772
600
#53795B
700
#426149
800
#344C39
900
#28392C
950
#19241C

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

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